Angular-da tsikllar takrorlanish indekslari
*ngFor va @for orqali takrorlashda
nafaqat massiv elementlarini,
balki ularning raqamlarini ham olish mumkin.
Keling, buni qanday qilishni
ko'rib chiqaylik. Faraz qilaylik, asosiy komponentimizda
quyidagi massiv mavjud:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Keling, uning elementlarini ham, raqamlarini ham chiqaraylik.
*ngFor direktivasi uchun buning uchun
maxsus ayyor usul qo'llaniladi:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
@for konstruktsiyasi uchun esa oddiygina
ushbu o'zgaruvchidan tsikl ichida foydalanish mumkin:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Massiv berilgan:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Uning raqamlarini chiqaring, lekin ular noldan emas, bittadan boshlansin.
