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