Thuộc tính lớp component trong template Angular
Tất cả các thuộc tính public của lớp component sẽ có thể truy cập được bên trong template của component. Hãy cùng xem cách truy cập chúng.
Giả sử trong lớp của chúng ta có thuộc tính public sau đây:
export class AppComponent {
public test: string = 'abcde';
}
Hãy xuất nội dung thuộc tính của chúng ta trong phần giao diện. Để làm điều này, cần viết tên thuộc tính bên trong dấu ngoặc nhọn kép:
<div>
{{ test }}
</div>
Cho giao diện sau:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
Hãy thực hiện để tên và họ được truyền vào template từ lớp component.