AngularJS- ng-change
Direktive
Beispiel
Funktion ausführen, wenn sich der Wert des Eingabefelds ändert:
<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>
Definition und Verwendung
Die ng-change
Direktive teilt AngularJS mit, was zu tun ist, wenn sich der Wert eines HTML-Elements ändert.
Die ng-change
Richtlinie verlangt ng-model
, dass eine Richtlinie vorhanden ist.
Die ng-change
Direktive von AngularJS überschreibt nicht das ursprüngliche onchange-Ereignis des Elements, sowohl der ng-change
Ausdruck als auch das ursprüngliche onchange-Ereignis werden ausgeführt.
Das ng-change
Ereignis wird bei jeder Wertänderung ausgelöst. Es wird nicht gewartet, bis alle Änderungen vorgenommen wurden oder wenn das Eingabefeld den Fokus verliert.
Das ng-change
Ereignis wird nur ausgelöst, wenn sich der Eingabewert tatsächlich ändert, und nicht, wenn die Änderung von einem JavaScript aus vorgenommen wurde.
Syntax
<element ng-change="expression"></element>
Unterstützt von <input>, <select> und <textarea>.
Parameterwerte
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |