ng-change
توجيه AngularJS
مثال
نفِّذ وظيفة عندما تتغير قيمة حقل الإدخال:
<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>
التعريف والاستخدام
يخبر ng-change
التوجيه AngularJS بما يجب فعله عندما تتغير قيمة عنصر HTML.
يتطلب ng-change
التوجيه وجود ng-model
توجيه.
ng-change
لن يتجاوز التوجيه من AngularJS حدث onchange الأصلي للعنصر ، وسيتم تنفيذ كل من التعبير ng-change
وحدث onchange الأصلي.
يتم 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. |