Ciklu iterāciju indeksi Angular
Atkārtojot caur *ngFor un @for
var iegūt ne tikai masīva elementus,
bet arī to numurus. Apskatīsim, kā tas
tiek darīts. Pieņemsim, ka mūsu galvenajā komponentē
ir masīvs:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Attēlosim gan tā elementus, gan numurus.
Direktīvai *ngFor šim nolūkam
tiek izmantota īpaša viltīga metode:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Savukārt @for konstrukcijā var vienkārši
paņemt un izmantot šo mainīgo cilpas iekšienē:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Dots masīvs:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Attēlojiet tā numurus, bet tā, lai tie sāktos ar vieninieku, nevis ar nulli.
