AngularJS ng-changeDirektive

AngularJS 参考手册AngularJS-Referenzhandbuch

AngularJS-Beispiel

Führt eine Funktion aus, wenn sich der Wert eines Eingabefelds ändert:

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Das Eingabefeld wurde {{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>

Selbst ausprobieren »

Definition und Verwendung

ng-changeDie ng-change-Direktive teilt AngularJS mit, was geschehen soll, wenn sich der Wert eines HTML-Elements ändert.

ng-changeDie ng-change-Direktive muss zusammen mitng-modelder ng-model-Direktive verwendet werden.

AngularJS ng-changeDie ng-change-Direktive überschreibt das native onchange-Ereignis nicht. Wenn dieses Ereignis ausgelöst wird, werdenng-changesowohl der Ausdruck als auch das native onchange-Ereignis ausgeführt.

ng-changeDas Ereignis wird bei jeder Änderung des Wertes ausgelöst; es muss nicht auf einen abgeschlossenen Änderungsprozess oder den Verlust des Fokus gewartet werden.

ng-changeDas Ereignis zielt nur auf tatsächliche Änderungen des Wertes des Eingabefelds ab, nicht auf Änderungen, die über JavaScript vorgenommen wurden.

Syntax

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

<input>-, <select>- und <textarea>-Elemente werden unterstützt.

Parameterwert

Wert Beschreibung
expression Ein auszuführender Ausdruck, wenn sich der Wert des Elements ändert.

AngularJS 参考手册AngularJS-Referenzhandbuch

Andere Erweiterungen