ng-change
Directive AngularJS
Exemple
Exécute une fonction lorsque la valeur du champ de saisie change :
<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>
Définition et utilisation
La ng-change
directive indique à AngularJS quoi faire lorsque la valeur d'un élément HTML change.
La ng-change
directive exige qu'une ng-model
directive soit présente.
La ng-change
directive d'AngularJS ne remplacera pas l'événement onchange d'origine de l'élément, l' ng-change
expression et l'événement onchange d'origine seront exécutés.
L' ng-change
événement est déclenché à chaque modification de la valeur. Il n'attendra pas que toutes les modifications soient apportées ou que le champ de saisie perde le focus.
L' ng-change
événement n'est déclenché que s'il y a un changement réel dans la valeur d'entrée, et non si le changement a été effectué à partir d'un JavaScript.
Syntaxe
<element ng-change="expression"></element>
Pris en charge par <input>, <select> et <textarea>.
Valeurs des paramètres
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |