web-dev-qa-db-ja.com

Angular2のネストされたngForループのカウンター

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

カウンターは0から調整の数ブレードの数

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

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

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

    </td>

  </tr>
angularngfor
10
CodeCabbie

カウンタ変数を両方の* 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>
23
CodeCabbie