Esempio
Eseguire una funzione quando il valore del campo cambia in ingresso:
<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>
Prova tu stesso " Definizione e utilizzo
Il ng-change direttiva indica AngularJS cosa fare quando il valore di un elemento HTML modifiche.
Il ng-change direttiva impone un ng-model direttiva di essere presenti.
Il ng-change direttiva da AngularJS non sovrascriverà evento onchange originale dell'elemento, sia il ng-change saranno eseguiti espressione e l'evento onchange originale.
Il ng-change evento viene attivato ad ogni variazione del valore. Non attenderà fino a quando sono fatte tutte le modifiche, o quando il campo di input perde lo stato attivo.
Il ng-change evento viene attivato solo se vi è una variazione effettiva del valore di ingresso, e non se la modifica è stata effettuata da un JavaScript.
Sintassi
< element ng-change=" expression "></ element >Supportato da <input>, <select>, e <textarea>.
valori dei parametri
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |