Indeksi iteracij zank v Angular
Pri prebiranju z *ngFor in @for
lahko pridobimo ne le elemente polja,
ampak tudi njihove številke. Poglejmo, kako se to
naredi. Predpostavimo, da imamo v glavni komponenti
polje:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Izpišimo tako njegove elemente kot številke.
Za direktivo *ngFor se za to
uporablja poseben trik:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Za konstrukcijo @for pa lahko preprosto
uporabimo to spremenljivko znotraj
zanke:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Podano je polje:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Izpišite njegove številke, vendar tako, da se začnejo z ena, ne z nič.
