Instruction ng-change de AngularJS

Manuel de référence AngularJS

Définition et utilisation

ng-change L'instruction informe AngularJS des opérations à exécuter lorsque la valeur de l'élément HTML change.

ng-change L'instruction nécessite l'existence de ng-model les instructions.

Dans AngularJS ng-change L'instruction ne couvre pas l'événement onchange original de l'élément.ng-change L'expression et l'événement onchange original seront tous deux exécutés.

ng-change L'événement est déclenché à chaque modification de la valeur. Il ne tarde pas pour attendre que toutes les modifications soient terminées ou que la zone de saisie perde le focus.

ng-change L'événement ne se déclenche que lorsque la valeur de l'entrée réelle change, et non par des modifications effectuées par JavaScript.

Exemple

Lorsque la valeur de la zone de saisie change, exécutez une fonction :

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Le champ d'entrée a changé {{count}} fois.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Essayez-le vous-même

Syntaxe

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

Support <input>、<select> et <textarea>.

Paramètres

Paramètres Description
expression Expression à exécuter lorsque la valeur de l'élément change.

Manuel de référence AngularJS