javascript - 表格中的Double * ngFor-Angular 2

我需要创建一个基于两个循环的表。我尝试了以下方法：

<tbody *ngIf="testCases">
  <tr class="pointer" *ngFor="let car of cars; let bike of bikes">
    <td class="center">{{car?.id}}</td>
     <td class="center">{{bike?.id}}</td>
  </tr>
</tbody>

我知道我得到数据是因为我已经在typescript中用console.log进行过尝试，但是当我在HTML中显示数据时，我会打印出null骑自行车

最佳答案

您可以使用<ng-container>。它是一个辅助元素，允许使用*ngFor，*ngIf或其他结构性指令，但实际上并未创建HTML内容。

<ng-container *ngFor="let car of cars">
  <tr class="pointer" *ngFor="let bike of bikes">
    <td>{{car.id}} {{bike.id}}</td>
  </tr>
</ng-container>

关于javascript - 表格中的Double * ngFor-Angular 2，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48501017/