Fahirisi za Kurudia kwa Vitendo kwenye Angular
Wakati wa kuzurura kwa *ngFor na @for
unaweza kupata sio tu vipengele vya safu,
bali pia nambari zao. Hebu tuangalie jinsi hii
inafanyika. Hebu tuchukulie kuwa kwenye sehemu kuu
kuna safu:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Wacha tuonyeshe vipengele vyake, na pia nambari zao.
Kwa diraktiva *ngFor kwa hili
hutumiwa mbinu maalum:
<ul>
<li *ngFor="let el of arr; let i = index">
{{ i }}
{{ el }}
</li>
</ul>
Na kwa utenzi @for unaweza tu
kuchukua na kutumia kitabadilisho hiki ndani
ya kitanzi:
<ul>
@for (el of arr; track $index) {
<li>
{{ $index }}
{{ el }}
</li>
}
</ul>
Imepewa safu:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Onyesha nambari zake, lakini kwa njia ambayo zinaanza na moja, na sio sifuri.
