20/09/2018, 13:34

Các kiểu binding data trong angularJs 1

Trong AngularJS, khi chúng ta define một component ( hoặc 1 directive), chúng ta có thể tạo ra các biến scope từ các attribute. Có 4 dạng truyền như sau: bindings: { attr1: '@', attr2: '<', attr3: '=', attr4: '&' } Việc có nhiều phuơng thức binding như vậy khá là phức tạp ...

Trong AngularJS, khi chúng ta define một component ( hoặc 1 directive), chúng ta có thể tạo ra các biến scope từ các attribute. Có 4 dạng truyền như sau:

bindings: {
  attr1: '@',
  attr2: '<',
  attr3: '=',
  attr4: '&'
}

Việc có nhiều phuơng thức binding như vậy khá là phức tạp và khó khăn cho mỗi lần sử dụng. Vì vậy mục tiêu của bài viết này là cũng nhau liệt kê, phân tích từng loại binding, và tìm ra điểm khác nhau giữa chúng.

Chúng ta sẽ lần lượt tìm hiều các mục sau:

  1. Cách để pass string với '@'
  2. Cách chuyền biểu thức động( hoặc variable) với '<' và '='
  3. Cách bắt ouput với '&'
  4. Cách để thực hiện tất cả điểu trên mà không cần dùng bất kì 1 trong 4 kí tự kia             </div>
            
            <div class=
0