AngularJS- ng-changerichtlijn
Voorbeeld
Voer een functie uit wanneer de waarde van het invoerveld verandert:
<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>
Definitie en gebruik
De ng-changerichtlijn vertelt AngularJS wat te doen als de waarde van een HTML-element verandert.
De ng-changerichtlijn vereist dat er een ng-model
richtlijn aanwezig is.
De ng-changeinstructie van AngularJS zal de oorspronkelijke onchange-gebeurtenis van het element niet overschrijven, zowel de ng-changeexpressie als de oorspronkelijke onchange-gebeurtenis worden uitgevoerd.
De ng-changegebeurtenis wordt geactiveerd bij elke verandering in de waarde. Het zal niet wachten tot alle wijzigingen zijn doorgevoerd, of wanneer het invoerveld de focus verliest.
De ng-changegebeurtenis wordt alleen geactiveerd als er een daadwerkelijke wijziging is in de invoerwaarde, en niet als de wijziging is aangebracht vanuit een JavaScript.
Syntaxis
<element ng-change="expression"></element>
Ondersteund door <input>, <select> en <textarea>.
Parameterwaarden
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |