AngularJS ng-change-instruktion

AngularJS Reference Manual

Definition og brug

ng-change Instruktionen fortæller AngularJS, hvilken handling der skal udføres, når værdien af et HTML-element ændres.

ng-change Instruktionen kræver tilstedeværelsen af ng-model Instruktioner

Instruktioner i AngularJS ng-change Instruktionen erstatter ikke elementets oprindelige onchange-begivenhed,ng-change Udtrykket og den oprindelige onchange-begivenhed vil blive udført.

ng-change Begivenheden udløses hver gang værdien ændres. Den venter ikke på, at alle ændringer er færdige, eller når inputfeltet mister fokus.

ng-change Begivenheden udløses kun, når værdien faktisk ændres, ikke gennem ændringer foretaget med JavaScript.

Eksempel

Når værdien i inputfeltet ændres, udføres en funktion:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Inputfeltet er blevet ændret {{count}} gange.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prøv det selv

Syntaks

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

støtter <input>、<select> og <textarea>.

Parameter

Parameter Beskrivelse
udtryk Udførelse af udtryk, når værdien af elementet ændres.

AngularJS Reference Manual