مثال
تنفيذ وظيفة عندما تتغير قيمة حقل الإدخال:
<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 لا تجاوز الحدث عند_التغيير الأصلي للعنصر، فإن كلا من ng-change سيتم تنفيذ التعبير والحدث onchange الأصلي.
و ng-change يتم تشغيل الحدث في كل تغيير في القيمة. انها لن تنتظر حتى يتم إجراء جميع التغييرات، أو عندما يفقد حقل إدخال التركيز.
و ng-change يتم تشغيل الحدث فقط إذا كان هناك تغيير فعلي في قيمة المدخلات، وليس إذا تم إجراء التغيير من جافا سكريبت.
بناء الجملة
< element ng-change=" expression "></ element >بدعم من <إدخال>، <حدد>، و <textarea> من.
قيم معلمة
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |