AngularJS-မော်ဒယ် ညွှန်ကြားချက်
ng-model ညွှန်ကြားချက်သည် HTML ထိန်းချုပ်မှုများ (ထည့်သွင်းမှု၊ ရွေးချယ်မှု၊ စာသားဧရိယာ) ၏တန်ဖိုးကို အပလီကေးရှင်းဒေတာနှင့် ပေါင်းစပ်ထားသည်။
မော်ဒယ်ညွန်ကြားချက်
ညွှန်ကြားချက် ဖြင့် ng-modelသင်သည် AngularJS တွင်ဖန်တီးထားသော variable တစ်ခုနှင့် input field တစ်ခု၏တန်ဖိုးကို ပေါင်းစည်းနိုင်သည်။
ဥပမာ
<div ng-app="myApp" ng-controller="myCtrl">
Name:
<input ng-model="name">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name
= "John Doe";
});
</script>
Two-Way Binding
ချည်နှောင်ခြင်းသည် နှစ်မျိုးလုံးသွား၏။ အသုံးပြုသူသည် ထည့်သွင်းမှုအကွက်အတွင်းရှိ တန်ဖိုးကို ပြောင်းလဲပါက၊ AngularJS ပိုင်ဆိုင်မှုသည်လည်း ၎င်း၏တန်ဖိုးကို ပြောင်းလဲလိမ့်မည်-
ဥပမာ
<div ng-app="myApp" ng-controller="myCtrl">
Name:
<input ng-model="name">
<h1>You entered: {{name}}</h1>
</div>
အသုံးပြုသူထည့်သွင်းမှုကို အတည်ပြုပါ။
ညွှန်ကြားချက်သည် အ ng-modelပလီကေးရှင်းဒေတာ (နံပါတ်၊ အီးမေးလ်၊ လိုအပ်သည်) အတွက် အမျိုးအစားအတည်ပြုချက်ကို ပေးနိုင်သည်-
ဥပမာ
<form ng-app="" name="myForm">
Email:
<input type="email" name="myAddress" ng-model="text">
<span ng-show="myForm.myAddress.$error.email">Not a valid e-mail
address</span>
</form>
အထက်ဖော်ပြပါ ဥပမာတွင်၊ ng-showattribute မှ expression ပြန်လာမှသာ span ကို ပြသပါမည် true။
ရည်ညွှန်းချက် ရှိ ပိုင်ဆိုင်မှုမရှိပါက ng-modelAngularJS သည် သင့်အတွက် တစ်ခုကို ဖန်တီးပေးလိမ့်မည်။
လျှောက်လွှာအခြေအနေ
ညွှန်ကြားချက်သည် အ ng-modelပလီကေးရှင်းဒေတာ (တရားဝင်၊ ညစ်ပတ်၊ ထိမိ၊ အမှား) အတွက် အခြေအနေကို ပေးဆောင်နိုင်သည်-
ဥပမာ
<form ng-app="" name="myForm" ng-init="myText = '[email protected]'">
Email:
<input type="email" name="myAddress" ng-model="myText"
required>
<h1>Status</h1>
{{myForm.myAddress.$valid}}
{{myForm.myAddress.$dirty}}
{{myForm.myAddress.$touched}}
</form>
CSS အတန်းများ
ညွှန်ကြားချက် သည် ng-model၎င်းတို့၏ အခြေအနေပေါ် မူတည်၍ HTML အစိတ်အပိုင်းများအတွက် CSS အတန်းများကို ပံ့ပိုးပေးသည်-
ဥပမာ
<style>
input.ng-invalid {
background-color:
lightblue;
}
</style>
<body>
<form ng-app="" name="myForm">
Enter your name:
<input name="myName" ng-model="myText" required>
</form>
ညွှန်ကြားချက် သည် ng-modelပုံစံအကွက်၏ အခြေအနေအရ အောက်ပါအတန်းများကို ပေါင်းထည့်/ဖယ်ရှားသည်-
- of-ဗလာ
- of-not-ဗလာ
- ထိမိ၏။
- မထိရ၊
- of-တရားဝင်
- of-မမှန်ပါ။
- ညစ်ပတ်၏။
- ဆိုင်းငံ့ထားသည်။
- ထုံးတမ်းစဉ်လာ