Попытка отобразить данные в таблице из массива в Angular

Question

У меня есть некоторый код в Angular 6 для отображения данных, но код, который я пытался реализовать, не работает?Мой код пока:

TS-файл

  incident = [ 
    {id: 'E200', product: 'MP2355 Black and white', floor: '2', address: '11 Rue', code: '75019'},
  ];

  incidents = this.incident[0];

HTML-файл

<tr class="" *ngFor="let state of incidents">
    <td>{{state.id}}</td>
</tr>

Answer 1

incidents = this.incident[0];

Вы берете только один объект из массива, поэтому он не может повторять цикл в поле зрения.

this.incidents=this.incident;
<tr *ngFor= "let incident of incidents">
<td>{{ incident.id }} </td>
..
..
</tr>

Answer 2

Разве это не просто инцидент, а не инцидент?

<tr class="" *ngFor="let state of incident">
    <td>{{state.id}}</td>
</tr>