ანგულარში ციკლების იტერაციების ინდექსები
*ngFor-ის და @for-ის
მეშვეობით გადამრბედისას
შესაძლებელია მიიღოთ არა მხოლოდ მასივის ელემენტები,
არამედ მათი ორდინალური ნომრებიც. მოდით ვნახოთ, როგორ
კეთდება ეს. დავუშვათ, რომ ჩვენს მთავარ კომპონენტში
გვაქვს მასივი:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
მოდით გამოვიტანოთ როგორც მისი ელემენტები, ასევე მათი ორდინალური ნომრები.
*ngFor დირექტივისთვის ამისათვის
გამოიყენება სპეციალური ხრიკი:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
ხოლო @for კონსტრუქციისთვის შესაძლებელია უბრალოდ
აიღო და გამოიყენო ეს ცვლადი ციკლის შიგნით:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
მოცემულია მასივი:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
გამოიტანეთ მისი ორდინალური ნომრები, მაგრამ ისე, რომ ისინი იწყებოდეს ერთით და არა ნულით.