Angular-daky aýlawlaryň iterasiýa indeksleri
*ngFor we @for arkaly aýlamakda
diňe massiw elementlerini däl, eýsem olaryň
nomerlerini hem almak bolýar. Geliň, munyň
nädip edilýändigine seredeliň. Esasy komponentimizde
massiw bardyr diýeliň:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Geliň onuň elementlerini hem, nomerlerini hem çykaryş edeliň.
*ngFor direktiwasy üçin bu maksatda
ýörite hiçili usul ulanylýar:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
@for gurluşy üçin bolsa aýlawyň içinde
bu üýtgeýjäni gönüme-göni ulanmak bolýar:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Massiw berlen:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Onuň nomerlerini çykaryş ediň, ýöne şeýle bolmagy gerek, olar noldan däl, birden başlansyn.
