Zähler für verschachtelte ngFor Schleifen in Angular2

Habe ich zwei geschachtelte *ngFor Schleifen in Angular2. Ich will unterhalten einen Zähler, der inkrementiert jedes mal, wenn der code in der Mitte des loops wiederholt wird.

Sollte der Indikator geht es von 0 auf die Anzahl der Anpassungen mal die Anzahl der klingen

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

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

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

    </td>

  </tr>

InformationsquelleAutor CodeCabbie | 2017-02-13

  1. 18

    Fügen Sie eine Zähler-variable beide *ngFor Aussagen, sagen wir i und j, dann tun die Mathematik als Ausdruck. Hier ist der 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>

    InformationsquelleAutor CodeCabbie

Schreibe einen Kommentar