Agizo for katika Angular
Hebu tuwe na safu:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Wacha tuvuke safu hii kwa kitanzi ndani ya
faili ya kiolezo. Kwa hili imeundaliwa
agizo *ngFor. Inaweza kuvuka safu
na kuonyesha kila kipengele chake kwa
tegi tofauti.
Kwanza agizo hili linahitaji kuagizwa:
import {NgFor} from "@angular/common";
Na kuongeza kwenye sehemu ya maagizo katika kiongozi:
@Component({
.....
imports: [....., NgFor],
....
})
Sasa inaweza kutumiwa. Hebu tuangalie
jinsi hii inafanyika. Hebu tuwe na
orodha ul:
<ul>
</ul>
Tufanye ili safu yetu ivukwe
kwa kitanzi na kila kipengele chake kionyeshwe kwa
tegi li. Hii inafanywa kama ifuatavyo:
<ul>
<li *ngFor="let el of arr">
{{ el }}
</li>
</ul>
Imetolewa safu:
export class AppComponent {
public arr: number[] = [1, 2, 3, 4, 5];
}
Onyesha kila kipengele cha safu hii kwa aya tofauti.
Badilisha shida iliyopita ili kwenye aya zionyeshe miraba ya vipengele vya safu yetu.
