web-dev-qa-db-fra.com

Compteur des boucles ngFor imbriquées dans Angular2

J'ai deux boucles * ngFor imbriquées dans Angular2. Je veux conserver un compteur qui incrémente chaque fois que le code au centre des boucles est répété.

Le compteur doit aller de 0 au nombre de ajustements fois le nombre de lames

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

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

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

    </td>

  </tr>
angularngfor
10
CodeCabbie

Ajoutez une variable de compteur aux deux instructions * ngFor, dites i et j, puis faites le calcul comme une expression. Voici le code:

  <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