Cú pháp template trong Angular 2 - Phần 2

Nối tiếp phần 1 về cú pháp template trong Angular 2. Nếu các bạn chưa đọc thì nên đọc lại trước khi đọc bài này.

Nội suy (Interpolation)

Đơn giản là biến được đặt trong 2 cặp dấu ngoặc nhọn {{var}}. Khi render Angular sẽ thay bằng giá trị của nó. Như trong Angular 1.

Dùng các dấu ngoặc

Sử dụng dấu ngoặc giúp mã HTML của bạn ngắn gọn hơn, tuy nhiên cần phải biết mỗi loại ngoặc có chức năng gì đã.

Xem ví dụ sau có dùng ngoặc:

Tương đương với:

References

Chẳng biết trong trường hợp này dịch ra là gì, giải thích thì hơi dài dòng. Xem ví dụ sau sẽ hiểu:



Ở hai ví dụ trên, tag đầu tiên có thuộc tính đứng sau dấu #. Angular sẽ hiểu đó như là id và tự động select nó. Lúc cần mình chỉ lấy ra và dùng thôi.

Cú pháp hoa thị (*) 

Phần này dài dòng mà angular.io đã nói rất rõ, các bạn xem tại đây