AngularJS textareaညွှန်ကြားချက်
ဥပမာ
ဒေတာစည်းနှောင်မှုရှိသော textarea တစ်ခု-
<textarea ng-model="myTextarea"></textarea>
<p>The value of the textarea field is:</p>
<h1>{{myTextarea}}</h1>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
AngularJS သည် ဒြပ်စင်များ၏ ပုံသေအမူအကျင့်ကို မွမ်းမံသည် ၊ သို့သော် ရည်ညွှန်းချက် <textarea>ရှိမှသာလျှင် ။ng-model
၎င်းတို့သည် ဒေတာစည်းနှောင်ခြင်းကို ပေးဆောင်သည်၊ ဆိုလိုသည်မှာ ၎င်းတို့သည် AngularJS မော်ဒယ်၏ အစိတ်အပိုင်းဖြစ်ပြီး AngularJS လုပ်ဆောင်ချက်များတွင် နှင့် DOM တွင် နှစ်မျိုးလုံးအား ရည်ညွှန်းကာ အပ်ဒိတ်လုပ်နိုင်ပါသည်။
သူတို့သည် တရားဝင်မှုကို ပေးသည်။ ဥပမာ- ရည်ညွှန်းချက် <textarea>တစ်ခုပါရှိသော ဒြပ်စင်တစ်ခု ၊ ၎င်းသည် ဗလာဖြစ်နေသရွေ့ ပြည်နယ်သတ်မှတ်ထားသည်
။required$validfalse
သူတို့က နိုင်ငံတော်ကို ချုပ်ကိုင်ပေးတယ်။ AngularJS သည် textarea ဒြပ်စင်အားလုံး၏လက်ရှိအခြေအနေကို ထိန်းထားသည်။
Textarea အကွက်များတွင် အောက်ပါအခြေအနေများရှိသည်။
$untouchedလယ်ကို မထိရသေးဘူး။$touchedလယ်ကွင်းတွေထိတယ်။$pristineအကွက်ကို မပြင်ရသေး$dirtyအကွက်ကို ပြုပြင်ပြီးပါပြီ။$invalidအကွက်အကြောင်းအရာသည် မမှန်ကန်ပါ။$validနယ်ပယ်အကြောင်းအရာသည် တရားဝင်သည်။
ပြည်နယ်တစ်ခုစီ၏တန်ဖိုးသည် Boolean တန်ဖိုးကိုကိုယ်စားပြုပြီး နှစ်ခုစလုံး true
ဖြစ်သည် false။
အထားအသို
<textarea ng-model="name"></textarea>
ရည်ညွှန်းချက်တန်ဖိုးကို အသုံးပြု၍ Textarea အစိတ်အပိုင်းများကို ရည်ညွှန်းနေပါသည် ng-model။
CSS အတန်းများ
<textarea>AngularJS အပလီကေးရှင်းအတွင်းရှိ အစိတ်အပိုင်းများကို အချို့သော အတန်းများကို ပေးထားသည် ။ ဤအတန်းများကို ၎င်းတို့၏ အခြေအနေအရ textarea အစိတ်အပိုင်းများကို ပုံစံသတ်မှတ်ရန် အသုံးပြုနိုင်သည်။
အောက်ပါ အတန်းများကို ထည့်သွင်းထားပါသည်။
ng-untouchedလယ်ကို မထိရသေးဘူး။ng-touchedလယ်ကွင်းတွေထိတယ်။ng-pristineအကွက်ကို မပြင်ရသေးng-dirtyအကွက်ကို ပြုပြင်ပြီးပါပြီ။ng-validနယ်ပယ်အကြောင်းအရာသည် တရားဝင်သည်။ng-invalidအကွက်အကြောင်းအရာသည် မမှန်ကန်ပါ။ng-valid-keyအတည်ပြုမှုတစ်ခုစီအတွက် သော့ တစ်ခု ။ ဥပမာ-ng-valid-requiredအတည်ပြုရမည့် အရာတစ်ခုထက်မက ရှိနေသောအခါတွင် အသုံးဝင်သည်။ng-invalid-keyဥပမာ-ng-invalid-required
၎င်းတို့ကိုယ်စားပြုတန်ဖိုးဖြစ်ပါက အတန်းများကို ဖယ်ရှား falseပါမည်။
ဥပမာ
ပုံမှန် CSS ကို အသုံးပြု၍ တရားဝင် နှင့် မမှန်ကန်သော textarea ဒြပ်စင်များအတွက် စတိုင်များကို အသုံးပြုပါ-
<style>
textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}
</style>