Tsüklite iteratsiooniindeksid Angularis
Läbimängimisel *ngFor ja @for
saab kätte mitte ainult massiivi elemendid,
vaid ka nende numbrid. Vaatame, kuidas seda
tehakse. Oletame, et meil on phikomponendis
massiiv:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Väljastame nii selle elemendid kui ka numbrid.
Direktiivi *ngFor jaoks kasutatakse
selleks spetsiaalset nutikat võtet:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Konstruktsiooni @for puhul saab lihtsalt
võtta ja kasutada seda muutujat tsükli sees:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Antud massiiv:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Väljastage selle numbrid, kuid nii, et need algaksid ühega, mitte nulliga.
