在Angular 8中基于json数据创建多个表

data = [
  { name: 'John', age: 25, city: 'New York' },
  { name: 'Alice', age: 30, city: 'Los Angeles' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

ng generate component table

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of data">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <td>{{ item.city }}</td>
    </tr>
  </tbody>
</table>

<app-table></app-table>