AngularJS formညွှန်ကြားချက်
ဥပမာ
လိုအပ်သောထည့်သွင်းမှုအကွက်သည် ဗလာဖြစ်နေသရွေ့ ဤဖောင်၏ "မှန်ကန်သောအခြေအနေ" သည် "မှန်" ဟုယူဆမည်မဟုတ်ပါ။
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
AngularJS သည် <form>ဒြပ်စင်၏ ပုံသေအပြုအမူကို မွမ်းမံသည်။
AngularJS အက်ပလီကေးရှင်းအတွင်းရှိ ဖောင်များကို အချို့သော ဂုဏ်သတ္တိများ ပေးထားသည်။ ဤဂုဏ်သတ္တိများသည် ပုံစံ၏ လက်ရှိအခြေအနေကို ဖော်ပြသည်။
ဖောင်များတွင် အောက်ပါပြည်နယ်များ ပါရှိသည်။
$pristineအကွက်များကို ပြုပြင်မွမ်းမံရသေးပါ။$dirtyတစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော ပြင်ဆင်ပြီးပါပြီ။$invalidဖောင်အကြောင်းအရာသည် မမှန်ကန်ပါ။$validဖောင်အကြောင်းအရာသည် တရားဝင်သည်။$submittedဖောင်တင်ပြီးပါပြီ။
ပြည်နယ်တစ်ခုစီ၏တန်ဖိုးသည် Boolean တန်ဖိုးကိုကိုယ်စားပြုပြီး တစ်ခုခု true
သို့မဟုတ် false.
AngularJS ရှိ ဖောင်များသည် လုပ်ဆောင်ချက် ရည်ညွှန်းချက်ကို မသတ်မှတ်ထားပါက ဆာဗာသို့ ဖောင်ကို ပေးပို့နေသည့် ပုံသေလုပ်ဆောင်ချက်ကို တားဆီးသည်။
အထားအသို
<form name="formname"></form>
အမည် ရည်ညွှန်းချက်တန်ဖိုးကို အသုံးပြု၍ ဖောင်များကို ရည်ညွှန်းနေပါသည်။
CSS အတန်းများ
AngularJS အက်ပလီကေးရှင်းအတွင်းရှိ ဖောင်များကို အချို့သော အတန်းများ ပေးထားသည်။ ဤအတန်းများကို ၎င်းတို့၏ပြည်နယ်အလိုက် ပုံစံပုံစံပြုလုပ်ရန် အသုံးပြုနိုင်သည်။
အောက်ပါ အတန်းများကို ထည့်သွင်းထားပါသည်။
ng-pristineမည်သည့်အကွက်ကိုမျှ မပြုပြင်ရသေးပါ။ng-dirtyတစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အကွက်များကို ပြင်ဆင်ပြီးပါပြီ။ng-validဖောင်အကြောင်းအရာသည် တရားဝင်သည်။ng-invalidဖောင်အကြောင်းအရာသည် မမှန်ကန်ပါ။ng-valid-keyအတည်ပြုမှုတစ်ခုစီအတွက် သော့ တစ်ခု ။ ဥပမာ-ng-valid-requiredအတည်ပြုရမည့်အရာတစ်ခုထက်ပို၍ရှိနေသောအခါ အသုံးဝင်သည်။ng-invalid-keyဥပမာ-ng-invalid-required
၎င်းတို့ကိုယ်စားပြုတန်ဖိုးဖြစ်ပါက အတန်းများကို ဖယ်ရှား falseပါမည်။
ဥပမာ
မွမ်းမံထားသော (အရိုးဆန်သော) ပုံစံများအတွက် စတိုင်များနှင့် မွမ်းမံထားသော ပုံစံများအတွက် စတိုင်များကို အသုံးပြုပါ-
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>