Iterasiya indeksləri Angular-da
*ngFor və @for vasitəsilə
təkrarlama zamanı təkcə massiv elementlərini deyil,
həm də onların nömrələrini əldə etmək olar.
Gəlin görək bu necə edilir. Tutaq ki, əsas komponentimizdə
bir massiv var:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Gəlin həm onun elementlərini, həm də nömrələrini çıxaraq.
*ngFor direktivi üçün bunun üçün
xüsusi bir hiylə istifadə olunur:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
@for konstruksiyası üçün isə sadəcə
dəyişəni dövrün daxilində istifadə etmək olar:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Massiv verilib:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Onun nömrələrini çıxarın, amma elə ki, sıfırdan deyil, birdən başlasın.
