Угловое повторение двух строк вместо одной строки

#html #css #angular

#HTML #css #угловое

Вопрос:

Мне нужно иметь *ngFor количество строк таблицы, где каждое повторение состоит из 2 строк, как показано здесь.

Но в Angular повторение выполняется для каждой строки, а не для каждой 2:

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

Каков наилучший способ подойти к этому?

Ответ №1:

Вы всегда можете использовать ng-container .

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

Комментарии:

1. Ng-контейнер не отображается в DOM с помощью angular, что делает его идеальным для того, чего вы хотите достичь