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:

app/app.component.tsexport 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:

app/app.component.html<div>
  {{ obj.a }}
  {{ obj.b }}
  {{ obj.c }}
</div>

Задание 1

Cho đối tượng sau:

app/app.component.tsexport 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.

Задание 2

Cho đối tượng sau:

app/app.component.tsexport 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:

app/app.component.html<img src="pic.png" alt="picture">