我想在成角度的两个单独循环中添加序列号

时间:2018-07-30 16:50:23

标签: angular

我要添加以下两个单独的ngFor循环代码的序列号

<table>
  <tr>
    <th>Sr</th>
    <th>Name</th>
  </tr>
  <ng-container #atvalue>
  <tr *ngFor="let item of items; let i = index; let c = count">
    <td>{{i+1}} {{c}}</td>
    <td>{{item}}</td>
  </tr>
  </ng-container>
   <tr *ngFor="let item of items; let i = index">
    <td>{{atvalue.childElementCount.length +1}}</td>
    <td>{{item}}</td>
  </tr>
</table>  

1 个答案:

答案 0 :(得分:0)

我不知道这是正确的方法,但是它解决了我的问题

    <table>
  <tr>
    <th>Sr</th>
    <th>Name</th>
  </tr>
    <tr *ngFor="let item of items; let i = index; let c = count" >
    <td>{{i+1}}</td>
    <td>{{item}}</td>
  </tr>
   <tr *ngFor="let item of items2; let i = index">
    <td>{{items.length+i+1}}</td>
    <td>{{item}}</td>
  </tr>
   <tr *ngFor="let item of items3; let i = index">
    <td>{{items2.length+items2.length+i+1}}</td>
    <td>{{item}}</td>
  </tr>
</table>

这是我的代码的输出

高级名称 1首 2秒 3第三 四四 5八 6 9 7 Helo1 8清单2 9个清单9