Thuộc tính-đối tượng trong template của Angular
Trong phần layout cũng có thể hiển thị các đối tượng. Hãy cùng xem trong thực tế. Giả sử chúng ta có đối tượng sau:
export class AppComponent {
public obj = {'a': 1, 'b': 2, 'c': 3};
}
Hãy hiển thị nội dung đối tượng của chúng ta trong layout:
<div>
{{ obj.a }}
{{ obj.b }}
{{ obj.c }}
</div>
Cho đối tượng sau:
export class AppComponent {
public user = {
name: 'john',
surn: 'smit',
};
}
Hãy hiển thị từng phần tử của đối tượng này trong một đoạn văn riêng biệt.
Cho đối tượng sau:
export class AppComponent {
public user = {
img: 'pic.png',
alt: 'picture',
};
}
Hãy hiển thị các phần tử của đối tượng này dưới dạng layout sau:
<img src="pic.png" alt="picture">
