时间戳

首页 > 解决方案 > 我想以角度在两个单独的循环中添加序列号

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>

标签： angular

解决方案

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

    <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>

这是我的代码的输出

Sr 姓名 1 第一 2 第二 3 第三 4 第四 5 八 6 九 7 Helo1 8 list2 9 list9

推荐阅读