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

Question

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

计数器应该从0到的调整的次数时代叶片

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