Exemple
Exécuter une fonction lorsque la valeur des variations du champ d'entrée:
<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>
Essayez - le vous - même » Définition et utilisation
Le ng-change directive indique AngularJS ce qu'il faut faire lorsque la valeur d'un élément HTML changements.
Le ng-change directive exige un ng-model directive à être présent.
Le ng-change directive de AngularJS ne va pas écraser événement onchange d' origine de l'élément, à la fois le ng-change expression et l'événement onchange d' origine seront exécutés.
Le ng-change événement est déclenché à chaque changement de la valeur. Il ne sera pas attendre jusqu'à ce que toutes les modifications sont apportées, ou lorsque le champ de saisie perd le focus.
Le ng-change événement est uniquement déclenché s'il y a un changement réel dans la valeur d'entrée, et non pas si le changement a été effectué à partir d' un JavaScript.
Syntaxe
< element ng-change=" expression "></ element >Pris en charge par <input>, <select>, et <textarea>.
Paramètre valeurs
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |