AngularJS form 指令
定义和用法
AngularJS 修改 元素的默认行为。
AngularJS 应用程序内的表单被赋予了某些属性。这些属性描述了表单的当前状态。
表单有以下状态：
$pristine尚未修改任何字段$dirtyအချက်အလက် အတွေ့$invalidအချက်အလက် အမှား$validအချက်အလက် အကျယ်$subscribed表单已提交
每个状态的值代表一个布尔值，为 true သို့မဟုတ် false.
action အခြေအနေ မပြောဆိုသေးချင်းကြောင့် AngularJS အတွက် ပုံစံသည် မိမိအားလုံး အခြေအနေ ကို ဆန့်ကျင်ပါလိမ့်မည်။ သို့မဟုတ် လက်ရှိအခြေအနေအား ကြိုးပမ်းလျှင် လက်ရှိအခြေအနေအား ကို မပေးထားပါ:
အကျိုးသတ္တု
အမှတ် 1
လိုအပ်သော ဆက်သွယ်ဖွယ်ဖွက်မရှိသေးသည့် အရာများ ကြားသော ပုံစံသည် အခြေအနေ 'true' အား မမှန်းချင်း မမှတ်ယူပါ:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>ပုံစံအခြေအနေအား:</p>
<h1>{{myForm.$valid}}</h1>
အမှတ် 2
မျက်နှာအုပ်အစားကို ပြုပြင်မရှိသေးသော (အည်းအည်) ပုံစံနှင့် ပြုပြင်ထားသော ပုံစံအား ထုတ်လုပ်ပါ:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
အချက်အလက်
<form name="formname</form>
အသုံးပြုခြင်း name အချက်အလက် ကို မှတ်သားရန် အချက်အလက် အချက်
CSS အချက်အလက်
AngularJS အစား အချက်အလက် အချိုးချိုး ပေးသည်။ အချက်အလက် အချိုးချိုး အခြေခံ အခွင့်အရေး ပြုလုပ်ရန် အသုံးပြုလိုက်သည်
အချက်အလက် အချက်
ng-pristineအချက်အလက် အမှားng-dirtyအချက်အလက် အတွေ့ng-validအချက်အလက် အကျယ်ng-invalidအချက်အလက် အမှားng-valid-keyအတိုင်း အခြေခံ အကြောင်းng-valid-requiredအတိုင်း အခြေခံ အကြောင်းng-invalid-keyအတိုင်းng-invalid-required
အတိုင်း အခြေခံ အကြောင်း falseအတိုင်းပြီး အမျိုးမျိုးသော အမျိုးအစား ဖြစ်သည့် အချိုးချိုး ပြန်လည်ဖြိုဖျက်ကြလိမ့်မည်
