Property Binding
Property binding (liên kết thuộc tính) cho phép chúng ta thiết lập property của một element với giá trị của một Template Expression
Để so sánh sự khác nhau giữa property binding và interpolation, chúng ta hãy xem đoạn 2 đoạn code trên. Hãy lưu ý, đoạn code đầu tiên thuộc tính của element được bao quanh bởi dấu ngoặc vuông nhưng template expression thì lại không có dấu ngoặc nhọn mà được bao bởi 2 dấu nháy đơn. Nhưng cũng giống như interpolation, property binding là liên kết một chiều từ thuộc tính của class tới thuộc tính của element. Nó cho phép chúng ta kiểm soát cây DOM từ class component.
Cả property binding và interpolation đều cho ra kết quả giống nhau, vậy dùng cái nào thì tốt hơn? Các hướng dẫn thông thường thì đều dùng property binding, tuy nhiên nếu template expression của bạn là một phần của một biểu thức lớn như ví dụ dưới đây, bạn cần phải dùng interpolation.
<img src='http://openclipart.org/{{product.imageUrl}}'>
Bây giờ hãy theo dõi code ứng dụng mẫu của chúng ta để có cái nhìn tổng quát.
Last updated