Угловая печать простого текста в html

Question

У меня есть этот json

[
  {
    "id": 3,
    "name": "Test",
    "activityDays": 2,
    "coreBankingBranch": "master",
    "csrBranch": "master",
    "adminBranch": "master",
    "clientBranch": null,
    "creationDate": null,
    "serverName": "ATP",
    "cloneTag": null,
    "csrIsCompleted": false,
    "adminIsCompleted": false,
    "clientIsCompleted": false,
    "completed": false
  }
]

Что я получаю от:

Компонент

 this.docker.getContainers().subscribe(containers => {
  console.log(containers);
});

Сервис

 getEnvironments() {
return this._http.get(this.baseUrl + "/environments", this.options);
}

И я пытаюсьпечатать, используя

<tr *ngFor="let environment of environments">
      <td>{{ environment.name }}</td>
    </tr>

, но я получаю

EnvironmentComponent.html:79 ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only

поддерживает привязку к итерируемым объектам, таким как массивы.

Answer 1

Кажется, вы не связали environments с ответом.Также необходимо инициировать environments в компоненте

this.docker.getContainers().subscribe(containers => {
  this.environments = containers  // assuming container is the shared response 
});