AngularJS ng-change Anweisung

AngularJS- Referenzhandbuch

Definition und Verwendung

ng-change Anweisung teilt AngularJS mit, welche Aktionen ausgeführt werden sollen, wenn der Wert des HTML-Elements geändert wird.

ng-change Anweisung erfordert ng-model Anweisungen.

In AngularJS ng-change Die Anweisung überschreibt nicht das ursprüngliche onchange-Ereignis des Elements.ng-change Die Ausdrücke und das ursprüngliche onchange-Ereignis werden beide ausgeführt.

ng-change Das Ereignis wird ausgelöst, wenn der Wert jedes Mal geändert wird. Es wartet nicht darauf, dass alle Änderungen abgeschlossen sind oder wenn das Eingabefeld den Fokus verliert.

ng-change Das Ereignis wird nur ausgelöst, wenn der Wert des Eingabefelds tatsächlich geändert wird, nicht durch Änderungen, die mit JavaScript vorgenommen werden.

Beispiel

Wenn der Wert des Eingabefelds ändert sich, wird eine Funktion ausgeführt:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Das Eingabefeld hat sich {{count}} Mal geändert.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Versuchen Sie es selbst

Syntax

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

unterstützt <input>、<select> und <textarea>.

Parameter

Parameter Beschreibung
expression Ausdruck, der bei Änderungen des Wertes des Elements ausgeführt wird.

AngularJS- Referenzhandbuch