Angular တွင် ကွင်းဆက်၏ စုံအကြိမ်
*ngFor နှင့် @for ဖြင့် ထပ်ကျော့ရာတွင်
even variable ကိုအသုံးပြု၍ ကွင်းဆက်၏
စုံအကြိမ်ကို သတ်မှတ်နိုင်ပါသည်။
*ngFor directive အတွက် နမူနာ:
<ul>
<li *ngFor="let el of arr; let even = even">
{{ even ? 'စုံ' : 'မဟုတ်' }}
{{ el }}
</li>
</ul>
@for တည်ဆောက်မှုအတွက် နမူနာ:
<ul>
@for (el of arr; track $index) {
<li>
{{ $even ? 'စုံ' : 'မဟုတ်' }}
{{ el }}
</li>
}
</ul>
အောက်ပါ array ကိုပေးထားသည်:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Array ၏ element များကို ul စာရင်းအဖြစ် ထုတ်ပြပါ။
စုံသော li များကို အနီရောင်၊ မစုံသော li များကို
အစိမ်းရောင်ဖြင့် ခြယ်မှုန်းပြပါ။