AngularJS ng-changeनिर्देश


उदाहरण

जब इनपुट फ़ील्ड का मान बदलता है तो फ़ंक्शन निष्पादित करें:

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

परिभाषा और उपयोग

निर्देश AngularJS को ng-changeबताता है कि HTML तत्व का मान बदलने पर क्या करना है।

निर्देश में उपस्थित होने के लिए एक निर्देश की ng-changeआवश्यकता होती है ng-model

ng-changeएंगुलरजेएस का निर्देश तत्व की मूल विनिमय घटना को ओवरराइड नहीं करेगा, ng-changeअभिव्यक्ति और मूल विनिमय घटना दोनों को निष्पादित किया जाएगा।

मूल्य ng-changeमें प्रत्येक परिवर्तन पर घटना शुरू हो जाती है। यह तब तक प्रतीक्षा नहीं करेगा जब तक कि सभी परिवर्तन नहीं हो जाते, या जब इनपुट फ़ील्ड फोकस खो देता है।

ng-changeईवेंट केवल तभी ट्रिगर होता है जब इनपुट मान में कोई वास्तविक परिवर्तन होता है, न कि यदि परिवर्तन जावास्क्रिप्ट से किया गया था


वाक्य - विन्यास

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

<इनपुट>, <चयन>, और <textarea> द्वारा समर्थित।


पैरामीटर मान

Value Description
expression An expression to execute when an element's value changes.