AngularJS ng-changeညွှန်ကြားချက်


ဥပမာ

ဖြည့်သွင်းအကွက်၏တန်ဖိုး ပြောင်းလဲသောအခါ လုပ်ဆောင်ချက်တစ်ခု လုပ်ဆောင်ပါ-

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>The input field has changed {{count}} times.</p>
</div>

<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    };
}]);
</script>

</body>

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

HTML ဒြပ်စင်တစ်ခု၏တန်ဖိုးပြောင်းလဲသောအခါလုပ်ဆောင်ရမည့် အ ng-changeရာသည် AngularJS ကိုပြောပြသည်။

ng-changeညွန်ကြားချက်ရှိရန် ng-model လိုအပ်သည်

ng-changeAngularJS မှ လမ်းညွှန်ချက်သည် ဒြပ်စင်၏ မူလပြောင်းလဲမှုဖြစ်စဉ်ကို လွှမ်းမိုးမည်မဟုတ်ပါ၊ စကားရပ်နှင့် မူရင်း onchange ဖြစ်ရပ်နှစ်ခုစလုံးကို လုပ်ဆောင် ng-changeပါမည်။

ng-changeတန်ဖိုးပြောင်းလဲမှုတိုင်းတွင် ဖြစ်ရပ်ကို အစပျိုးသည် အပြောင်းအလဲများအားလုံးကို ပြုလုပ်သည် သို့မဟုတ် ထည့်သွင်းမှုအကွက်တွင် အာရုံစူးစိုက်မှု ဆုံးရှုံးသွားသည့်အချိန်အထိ ၎င်းသည် စောင့်ဆိုင်းမည်မဟုတ်ပါ။

ng-changeထည့်သွင်းမှုတန်ဖိုးတွင် အမှန်တကယ်ပြောင်းလဲမှုရှိပါက ဖြစ်ရပ်ကို JavaScript မှ ပြုလုပ်ထားခြင်းမဟုတ်ပါက ဖြစ်ရပ်ကို အစပျိုးပါသည်


အထားအသို

<element ng-change="expression"></element>

<input>၊ <select> နှင့် <textarea> တို့မှပံ့ပိုးထားသည်။


ကန့်သတ်တန်ဖိုးများ

Value Description
expression An expression to execute when an element's value changes.