使用* ngFor循环创建Angular2表头

Question

所以，我的问题很基本，但是我无法解决。

我正在尝试使用* ngFor创建动态表头。

<table>
  <tr>
        <th>Entry Warehouse</th>
        <th colspan="2" *ngFor="let data of datas">
          SomeText
        </th>
  </tr>
  <tr>
       <th>More Text</th>
       <div *ngFor="let data of datas">
         <th>A little text again</th>
         <th>A little text again</th>
       </div>
  </tr>
</table>

无论如何，此解决方案此时会自杀。如果数据长度大于1，则div标签在同一单元格中强调标签。 如果我尝试这样的其他解决方案；

<table>
  <tr>
        <th>Entry Warehouse</th>
        <th colspan="2" *ngFor="let data of datas">
          SomeText
        </th>
  </tr>
  <tr>
       <th>More Text</th>
       <th *ngFor="let data of datas">A little text again</th>
       <th *ngFor="let data of datas">A little text again</th>
  </tr>
</table>

它看起来像工程，但实际上不是。因为这时下一个标签不会在上一个循环结束之前开始。

Answer 1

在Angle 2+中，您可以使用<ng-container>标签

<ng-conatiner *ngFor="let i of items">
<th>i</th>
</ng-conatiner>