表中的双 *ngFor - Angular 2

Question

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

<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为自行车打印

Answer 1

您可以使用<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>