Ciklo iteracijų indeksai Angular
Kartojant per *ngFor ir @for
galima gauti ne tik masyvo elementus,
bet ir jų numerius. Pažiūrėkime, kaip tai
daroma. Tarkime, pagrindiniame komponente
turime masyvą:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Išveskime ir jo elementus, ir nummerius.
*ngFor direktyvai tam
naudojamas specialus triukas:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
O @for konstrukcijai galima tiesiog
pasinaudoti šiuo kintamuoju ciklo viduje:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Duotas masyvas:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Išveskite jo numerius, bet taip, kad jie prasidėtų nuo vieneto, o ne nuo nulio.
