အညွှန်းတစ်ခုဖြင့် ngFor ညွှန်ကြားချက်ကို အသုံးပြုခြင်းနှင့် ပတ်သက်သည့် အဓိကပြဿနာမှာ ဒေတာအပြောင်းအလဲများထက် ထပ်တလဲလဲပြုလုပ်သည့်အခါ မမျှော်လင့်ထားသောရလဒ်များ ဖြစ်ပေါ်လာနိုင်ခြင်းကြောင့်ဖြစ်သည်။ အကြောင်းမှာ အရာများကို array မှ ထည့်သွင်းခြင်း သို့မဟုတ် ဖယ်ရှားသည့်အခါ အညွှန်းကို အလိုအလျောက် အပ်ဒိတ်မလုပ်သောကြောင့်၊ ထို့ကြောင့် ပစ္စည်းအသစ်တစ်ခုကို အညွှန်း 0 တွင် ထည့်ပါက၊ အခြားအရာများအားလုံးသည် ၎င်းတို့၏ အညွှန်းကိန်းများကို တစ်ခုပြီးတစ်ခု ရွှေ့သွားမည်ဖြစ်သည်။ ၎င်းသည် သင့်ကြည့်ရှုမှုတွင် မှားယွင်းသောဒေတာကို ပြသခြင်း သို့မဟုတ် သင့်အပလီကေးရှင်းရှိ မမျှော်လင့်ထားသောအပြုအမူကို ဖြစ်ပေါ်စေနိုင်သည်။
<ul>
<li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>
1. ဤကုဒ်မျဉ်းသည် အစီအစဥ်မရှိသော စာရင်းတစ်ခုကို ဖန်တီးပေးသည်။
2. *ngFor ညွှန်ကြားချက်ကို item array တွင်လှည့်ပတ်ပြီး list အတွင်းရှိ item တစ်ခုစီကိုပြသရန်အသုံးပြုသည်။
3. လပ်ကီးစကားလုံးကို loop ၏ထပ်ခြင်းတွင်လက်ရှိအရာအားကိုင်ဆောင်ထားသည့် "item" ဟုခေါ်သော variable ကိုကြေငြာရန်အသုံးပြုသည်။
4. လပ်ကီးစကားလုံးကို loop ၏ထပ်ခြင်းတွင်လက်ရှိအရာ၏အညွှန်းကိုကိုင်ဆောင်ထားသည့် "i" ဟုခေါ်သော variable ကိုကြေငြာရန်အတွက်လည်းအသုံးပြုသည်။
5. ဤစာကြောင်းသည် စာရင်းအတွင်းရှိ အရာတစ်ခုစီကို ၎င်း၏ အညွှန်းနံပါတ် (0 မှ စတင်သည်) ဖြင့် ပြသသည်။
Angular ဆိုတာဘာလဲ
Angular သည် JavaScript-based open-source front-end ဝဘ်အက်ပလီကေးရှင်းဘောင်တစ်ခုဖြစ်ပြီး Google နှင့် တစ်ဦးချင်းနှင့် ကော်ပိုရေးရှင်းအသိုင်းအဝိုင်းမှ အဓိကထိန်းသိမ်းထားသည့် စာမျက်နှာတစ်မျက်နှာရှိ အပလီကေးရှင်းများ တီထွင်ရာတွင် ကြုံတွေ့ရသည့် စိန်ခေါ်မှုများစွာကို ဖြေရှင်းရန်။ JavaScript အစိတ်အပိုင်းများသည် မိုဘိုင်းလ်အက်ပ်များကို ဖြတ်ကျော်ကာ တီထွင်ဖန်တီးရာတွင် အသုံးပြုသည့် မူဘောင်ဖြစ်သည့် Apache Cordova ကို ဖြည့်စွက်သည်။ ကြွယ်ဝသောအင်တာနက်အပလီကေးရှင်းများတွင်အသုံးများသောအစိတ်အပိုင်းများနှင့်အတူ client-side model–view-controller (MVC) နှင့် model–view–viewmodel (MVVM) Architecture များအတွက်မူဘောင်တစ်ခုပေးခြင်းဖြင့်ထိုအပလီကေးရှင်းများ၏ဖွံ့ဖြိုးတိုးတက်မှုနှင့်စမ်းသပ်မှုနှစ်ခုလုံးကိုရိုးရှင်းစေရန်ရည်ရွယ်ပါသည်။
ngFor ဒြပ်စင်
NgFor သည် ကျွန်ုပ်တို့အား အချက်အလက်များကို လှည့်ပတ်ကာ array သို့မဟုတ် အရာဝတ္ထုတစ်ခုစီအတွက် နမူနာပုံစံတစ်ခုကို ဖန်တီးနိုင်စေမည့် Angular structural ညွှန်ကြားချက်တစ်ခုဖြစ်သည်။ သတ်မှတ်ထားသော အကြိမ်အရေအတွက်ကို ပေးထားသော HTML အစိတ်အပိုင်းတစ်ခုကို ပြန်လုပ်ရန် ၎င်းကို အသုံးပြုသည်။ NgFor ကို array၊ object သို့မဟုတ် string တစ်ခုမှဒေတာကိုပြသရန်အသုံးပြုနိုင်ပါသည်။ array သို့မဟုတ် object တစ်ခု၏ တန်ဖိုးများအပေါ် အခြေခံ၍ HTML ဒြပ်စင်များကို ထုတ်လုပ်ရန်လည်း အသုံးပြုနိုင်သည်။ NgFor ကို ပုံမှန်အားဖြင့် ngIf နှင့် ngSwitch ကဲ့သို့သော အခြားသော Angular ညွှန်ကြားချက်များနှင့် ပေါင်းစပ်အသုံးပြုသည်။
ngFor element ၏အညွှန်းကိန်းကိုဘယ်လိုရနိုင်မလဲ။
ngFor ကွင်းအတွင်း ဒြပ်စင်တစ်ခု၏ အညွှန်းကိန်းကို ရယူရန် အညွှန်းသော့ချက်စကားလုံးကို အသုံးပြုနိုင်သည်။ ဤအတွက် syntax သည် အောက်ပါအတိုင်းဖြစ်သည် ။
ဤဥပမာတွင်၊ “i” variable သည် loop ၏ လက်ရှိအညွှန်းပါရှိသည်။ ထို့နောက် သင့်စာရင်းရှိ အစိတ်အပိုင်းများကို ဝင်ရောက်ကြည့်ရှုရန် သို့မဟုတ် ပြင်ဆင်ရန် ဤကိန်းရှင်ကို အသုံးပြုနိုင်သည်။
