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

Question

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

计数器应该从 0 到 adjustments 的数量乘以 blades

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

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

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

    </td>

  </tr>

Answer 1

在两个 *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>