ng-changeDirettiva AngularJS
Esempio
Eseguire una funzione quando il valore del campo di input cambia:
<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>
Definizione e utilizzo
La ng-changedirettiva dice ad AngularJS cosa fare quando cambia il valore di un elemento HTML.
La ng-changedirettiva richiede la ng-model
presenza di una direttiva.
La ng-changedirettiva di AngularJS non sovrascriverà l'evento onchange originale dell'elemento, ng-changeverranno eseguiti sia l'espressione che l'evento onchange originale.
L' ng-changeevento viene attivato ad ogni modifica del valore. Non aspetterà fino a quando non verranno apportate tutte le modifiche o quando il campo di input perde lo stato attivo.
L' ng-changeevento viene attivato solo se si verifica una modifica effettiva nel valore di input e non se la modifica è stata apportata 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. |