تعليمات برمجة ng-change لـ AngularJS

التعريف والاستخدام

ng-change تعليمات برمجة تخبر AngularJS عن العمليات التي يجب تنفيذها عند تغيير قيمة عنصر HTML.

ng-change تعليمات برمجة تتطلب وجود ng-model تعليمات برمجة

تعليمات برمجة AngularJS ng-change لا تغطي التعليمات البرمجية الأصلية لحادثة onchange العناصر.ng-change سيتم تنفيذ التعبيرات وحادثة onchange الأصلية.

ng-change يتم إطلاق الحدث في كل مرة يتغير فيها القيمة. إنه لا ينتظر الانتهاء من جميع التغييرات أو فقدان مربع النص التركيز.

ng-change يتم إطلاق الحدث فقط عندما تتغير قيمة المدخل فعليًا، وليس من خلال التغييرات التي تتم باستخدام JavaScript.

مثال

عندما يتغير قيمة مربع النص، يتم تنفيذ دالة واحدة:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>تم تغيير حقل الإدخال {{count}} مرة.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

جرب بنفسك

النحو

<عنصر ng-change="عبارات</عنصر>

يدعم <input><select> و <textarea>.

المتغيرات

المتغيرات الوصف
عبارات عبارات التي يجب تنفيذها عند تغيير قيمة العنصر.