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>
。
पैरामीटर
पैरामीटर | वर्णन |
---|---|
एक्सप्रेशन | एलिमेंट की वैल्यू बदलने पर चलाने वाले एक्सप्रेशन |