تعليمات برمجة 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>
.
المتغيرات
المتغيرات | الوصف |
---|---|
عبارات | عبارات التي يجب تنفيذها عند تغيير قيمة العنصر. |