AngularJS ng-change instructie

AngularJS Referentie Handboek

Definitie en gebruik

ng-change De instructie laat AngularJS weten welke actie te uitvoeren wanneer de waarde van de HTML-elementen verandert.

ng-change De instructie vereist de aanwezigheid van ng-model instructie

Instructie in AngularJS ng-change De instructie overschrijft niet het oorspronkelijke onchange-evenement van het elementng-change De expressie en het oorspronkelijke onchange-evenement worden beide uitgevoerd.

ng-change Het evenement wordt geactiveerd bij elke verandering van de waarde. Het wacht niet tot alle wijzigingen zijn voltooid of wanneer het invoerveld de focus verliest.

ng-change Het evenement wordt alleen geactiveerd wanneer de waarde van de invoer echt verandert, niet door wijzigingen die door JavaScript worden uitgevoerd.

Voorbeeld

Wanneer de waarde van het invoerveld verandert, voer een functie uit:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>De invoervelden zijn {{count}} keer veranderd.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Probeer het zelf uit

Syntaxis

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

Ondersteunt <input>、<select> en <textarea>.

Parameters

Parameters Beschrijving
uitdrukking Uitdrukking die moet worden uitgevoerd wanneer de waarde van een element verandert.

AngularJS Referentie Handboek