AngularJS- ng-changerichtlijn
Voorbeeld
Voer 'n funksie uit wanneer die waarde van die invoerveld verander:
<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>
Definisie en gebruik
Die ng-changeopdrag vertel AngularJS wat om te doen wanneer die waarde van 'n HTML-element verander.
Die ng-changeopdrag vereis dat 'n ng-model
opdrag teenwoordig moet wees.
Die ng-changeopdrag van AngularJS sal nie die element se oorspronklike byverandering-gebeurtenis ignoreer nie, beide die ng-changeuitdrukking en die oorspronklike onchange-gebeurtenis sal uitgevoer word.
Die ng-changegebeurtenis word geaktiveer by elke verandering in die waarde. Dit sal nie wag totdat alle veranderinge gemaak is, of wanneer die invoerveld fokus verloor nie.
Die ng-changegebeurtenis word slegs geaktiveer as daar 'n werklike verandering in die invoerwaarde is, en nie as die verandering vanaf 'n JavaScript gemaak is nie.
Sintaksis
<element ng-change="expression"></element>
Ondersteun deur <invoer>, <kies> en <tekstarea>.
Parameterwaardes
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |