使用2个不同的*ngFor填充表

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
    </tr>
  </thead>
  <tbody>
    <!-- 使用第一个*ngFor循环遍历第一个集合 -->
    <tr *ngFor="let item1 of collection1">
      <td>{{ item1.property1 }}</td>
      <td>{{ item1.property2 }}</td>
    </tr>
    <!-- 使用第二个*ngFor循环遍历第二个集合 -->
    <tr *ngFor="let item2 of collection2">
      <td>{{ item2.property1 }}</td>
      <td>{{ item2.property2 }}</td>
    </tr>
  </tbody>
</table>

export class MyComponent {
  collection1: any[] = [
    { property1: '值1', property2: '值2' },
    { property1: '值3', property2: '值4' },
    // 其他对象...
  ];

  collection2: any[] = [
    { property1: '值5', property2: '值6' },
    { property1: '值7', property2: '值8' },
    // 其他对象...
  ];
}

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    // 其他模块...
    FormsModule
  ],
  // 其他配置...
})
export class MyModule { }