html - 两行而不是单行的 Angular 重复

Question

我需要一个 *ngFor 的表行，其中每个重复项由 2 行组成，如图 here 所示。 .

但在 Angular 中，重复是针对每一行而不是每 2 行进行的:

<table>
   <tr *ngFor="let row of rows; let i = index">
       <td>{{row.somethingA}}</td>
       <td>{{row.somethingB}}</td>
   </tr> 
</table>

解决这个问题的最佳方法是什么？

Answer 1

您始终可以使用ng-container。

<ng-container *ngFor="let row of rows; let i = index">
    <tr>{{ row.something }}</tr> 
    <tr>{{ row.somethingElse }}</tr> 
</ng-container>