Istruzione ng-change di AngularJS

Manuale di riferimento AngularJS

Definizione e uso

ng-change L'instruzione informa l'AngularJS delle operazioni da eseguire quando il valore dell'elemento HTML cambia.

ng-change L'instruzione richiede l'esistenza di ng-model istruzioni.

Nell'AngularJS ng-change L'instruzione non sovrascrive l'evento onchange originale dell'elemento.ng-change Verranno eseguiti sia l'espressione che l'evento onchange originale.

ng-change L'evento viene attivato ogni volta che il valore cambia. Non aspetta che tutte le modifiche siano completate o che l'input perda il focus.

ng-change L'evento viene attivato solo quando il valore dell'input cambia effettivamente, non attraverso la modifica JavaScript.

Esempio

Quando il valore dell'input cambia, esegui una funzione:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Il campo di input è cambiato {{count}} volte.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prova personalmente

Sintassi

<elemento ng-change="espressione</elemento>

Supporta <input>、<select> e <textarea>.

Parametro

Parametro Descrizione
espressione Espressione da eseguire quando il valore dell'elemento cambia.

Manuale di riferimento AngularJS