在Angular中根据给定的结构动态生成表

<table *ngIf="data.length > 0">
  <thead>
    <tr>
      <th *ngFor="let header of headers">{{ header }}</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of data">
      <td *ngFor="let header of headers">{{ item[header] }}</td>
    </tr>
  </tbody>
</table>

export class MyComponent {
  data: any[] = [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Alice', age: 30, city: 'London' },
    { name: 'Bob', age: 35, city: 'Paris' }
  ];

  headers: string[] = ['name', 'age', 'city'];
}