Angular2中嵌套的ngFor循环的计数器

发布时间：2020-12-17 07:20:43 所属栏目：安全来源：网络整理

导读：我在Angular2中有两个嵌套的* ngFor循环.我想维护一个计数器,每次重复循环中心的代码时,计数器会递增. 计数器应从0到调整次数乘以刀片数量 tr *ngFor="let adjustment of adjustments" td *ngFor="let blade of blades" span Counter = ????????? /span /td

我在Angular2中有两个嵌套的* ngFor循环.我想维护一个计数器,每次重复循环中心的代码时,计数器会递增.

计数器应从0到调整次数乘以刀片数量

<tr *ngFor="let adjustment of adjustments">

    <td *ngFor="let blade of blades">

      <span> Counter =  ?????????  </span>

    </td>

  </tr>

将计数器变量添加到两个* ngFor语句,比如说i和j,然后将数学作为表达式.这是代码：

<tr *ngFor="let adjustment of adjustments; let i = index">

    <td *ngFor="let blade of blades; let j = index">

      <span> Counter = {{ (i * blades.length) + j }} </span>

    </td>

  </tr>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!