AngularJS ng-change इंडिकेशन

वर्णन और उपयोग

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>

पैरामीटर

पैरामीटर वर्णन
एक्सप्रेशन एलिमेंट की वैल्यू बदलने पर चलाने वाले एक्सप्रेशन