Neueste Web-Entwicklung Tutorials
 

AngularJS ng-Änderung der Richtlinie


Beispiel

Führen Sie eine Funktion, wenn der Wert des Eingabefeldes ä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>
Versuch es selber "

Definition und Verwendung

Die ng-change Direktive teilt AngularJS was , wenn der Wert eines HTML - Elements Änderungen zu tun.

Die ng-change erfordert eine ng-model Richtlinie vorliegen.

Die ng-change - Richtlinie von AngularJS wird nicht das ursprüngliche Ereignis onchange des Elements außer Kraft setzen, sowohl die ng-change Ausdruck und das ursprüngliche Ereignis onchange ausgeführt.

Die ng-change wird bei jeder Änderung des Wertes ausgelöst. Es wird nicht warten, bis alle Änderungen vorgenommen werden, oder wenn das Eingabefeld den Fokus verliert.

Die ng-change Ereignis wird nur ausgelöst , wenn es eine tatsächliche Änderung der Eingangswert ist, und nicht , wenn die Änderung wurde aus einem JavaScript gemacht.


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.