AngularJS ng-change 指令

AngularJS مراجعه کتابخانه

定义和用法

ng-change 指令告诉 AngularJS 当 HTML 元素的值发生变化时要执行的操作。

ng-change 指令要求存在 ng-model 指令。

AngularJS 中的 ng-change 指令不会覆盖元素的原始 onchange 事件，ng-change 表达式和原始 onchange 事件都将被执行。

ng-change یہ واقعات کیمپ کا اقدار جب کچھ بدل جائے تو تیزی سے رونما ہوتے ہیں، نہ کہ سبھی تبدیلیاں مکمل ہونے پر یا کیمپ کو فورس پر فورس کردیئے جائیں تو تیزی سے رونما ہوتے ہیں。

ng-change یہ واقعات صرف کیمپ کا اقدار واقعی طور پر بدلنے پر تیزی سے رونما ہوتے ہیں، نہ کہ جیسا کہ جاوا اسکریپٹ کے ذریعے بدل دیئے جاتے ہیں。

مثال

جب کچھ اپنے کیمپ کا اقدار بدل جائے تو، ایک فانکشن چلائیں گا:

<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>

خود را امتحان کنید

زبان نوشتاری

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

پشتیبانی می‌کند <input>،<select> و <textarea>.

پارامتر

پارامتر توضیح
expression عبارتی که باید هنگام تغییر ارزش عنصر اجرا شود.

AngularJS مراجعه کتابخانه