AngularJS ng-change-instruktionen

AngularJS referenshandbok

Definition och användning

ng-change instruktionen talar om för AngularJS vilka åtgärder som ska utföras när värdet på ett HTML-element ändras.

ng-change instruktionen kräver att det finns ng-model instruktioner.

I AngularJS: ng-change Instruktionen täcker inte den ursprungliga onchange-händelsen för elementet.ng-change Uttrycket och den ursprungliga onchange-händelsen kommer att köras.

ng-change Händelsen utlöses varje gång värdet ändras. Det väntar inte på att alla ändringar ska vara klara eller när rutan förlorar fokus.

ng-change Händelser utlöses endast när värdet faktiskt ändras, inte genom ändringar som görs med JavaScript.

Exempel

När värdet i rutan ändras, kör en funktion:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Inmatningsfältet har ändrats {{count}} gånger.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prova själv

Syntaks

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

stödjer <input>、<select> och <textarea>.

Parametrar

Parametrar Beskrivning
expression Uttryck att utföra när värdet för ett element ändras.

AngularJS referenshandbok