डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-change

ng-change directive ये HTML Element के change होने पर दिया हुआ expression execute करता है | ng-change ये हर element के value के change होने पर expression execute होता है |

ng-change directive ये <input>, <select>, और <textarea> इन elements के लिए होता है |


ng-change directive के साथ ng-model directive का इस्तेमाल करना जरुरी होता है |


Syntax for ng-change Directive in AngularJS

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

ng-change Attribute's Parameters in AngularJS

expression : यहाँ पर expression या variable दिया जाता है |


Example for ng-change Directive in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app="myapp" ng-controller="ctrl">

Enter Name : <input type="text" ng-model="myinput" ng-change="inputchange()" /><br />
Input Change : {{input}}<br /><br />

<input type="checkbox" ng-model="check" ng-change="checkboxchange()" /><br />
Checkbox Change : {{checkbox}}<br /><br />

Select Language : <select ng-model="dropdown" ng-change="dropdownchange()">
<option value="C">C</option>
<option value="C++">C++</option>
</select><br />
Dropdown Change : {{DropDownStatus}}

</div>

<script type="text/javascript">
var app = angular.module("myapp", []);
app.controller("ctrl", function ($scope) {

$scope.checkboxchange = function(){
    $scope.checkbox = $scope.check;
}
$scope.inputchange = function () {
    $scope.input = $scope.myinput;
}
$scope.dropdownchange = function () {
    $scope.DropDownStatus = $scope.dropdown;
}
})
</script>

</body>
</html>
Output :
Enter Name :
Input Change : {{input}}


Checkbox Change : {{checkbox}}

Select Language :
Dropdown Change : {{DropDownStatus}}