Instrukcja ng-change w AngularJS

Podręcznik referencyjny AngularJS

Definicja i użycie

ng-change Instrukcja informuje AngularJS, jakie operacje mają być wykonane, gdy wartość elementu HTML zmienia się.

ng-change Instrukcja wymaga istnienia ng-model instrukcje.

Instrukcja w AngularJS ng-change Instrukcja nie zastępuje oryginalnego zdarzenia onchange elementu.ng-change Wyrażenie oraz oryginalne zdarzenie onchange będą wykonywane.

ng-change Zdarzenie jest wywoływane za każdym razem, gdy wartość zmienia się. Nie czeka na zakończenie wszystkich zmian ani na utratę skupienia pola tekstowego.

ng-change Zdarzenie jest wywoływane tylko wtedy, gdy wartość rzeczywiście zmienia się, a nie poprzez zmiany dokonane za pomocą JavaScript.

Przykład

Kiedy wartość pola tekstowego zmienia się, wykonywana jest funkcja:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>Pole wejściowe zmieniło się {{count}} razy.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Spróbuj sam

Gramatyka

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

Wspiera <input>,<select> i <textarea>.

Parametry

Parametry Opis
expression Wyrażenie do wykonania, gdy wartość elementu zmienia się.

Podręcznik referencyjny AngularJS