2017-02-13 18 views
6

2つのネストされた* ngForループがAngular2にあります。私は、ループの中心にあるコードが繰り返されるたびにインクリメントするカウンタを維持したい。Angular2のネストされたngForループのカウンタ

カウンタはブレード

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

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

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

    </td> 

    </tr> 

答えて

12

の倍の数は、その後、数学を行い、iとjと言う、両方* ngFor文にカウンタ変数を追加し、0から調整回数に行くべき表現として。コードは次のとおりです。

<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> 
関連する問題