Indeksi iteracija petlji u Angularu
Prilikom iteracije kroz *ngFor i @for
moguće je dobiti ne samo elemente niza,
već i njihove brojeve. Pogledajmo kako se ovo
radi. Pretpostavimo da u glavnoj komponenti
postoji niz:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Hajde da prikažemo i njegove elemente i brojeve.
Za direktivu *ngFor za ovo
se koristi poseban trik:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
A za konstrukciju @for možemo jednostavno
koristiti ovu promenljivu unutar
petlje:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Dat je niz:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Prikažite njegove brojeve, ali tako da oni počinju od jedan, a ne od nula.
