ng-change
Dyrektywa AngularJS
Przykład
Wykonaj funkcję, gdy zmieni się wartość pola wejściowego:
<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>
Definicja i użycie
Dyrektywa ng-change
mówi AngularJS, co zrobić, gdy zmieni się wartość elementu HTML.
Dyrektywa ng-change
wymaga, ng-model
aby dyrektywa była obecna.
Dyrektywa ng-change
z AngularJS nie zastąpi oryginalnego zdarzenia onchange elementu, ng-change
zostanie wykonane zarówno wyrażenie, jak i oryginalne zdarzenie onchange.
Zdarzenie ng-change
jest wyzwalane przy każdej zmianie wartości. Nie będzie czekać, aż wszystkie zmiany zostaną wprowadzone lub gdy pole wejściowe straci ostrość.
Zdarzenie ng-change
jest wyzwalane tylko w przypadku rzeczywistej zmiany wartości wejściowej, a nie w przypadku, gdy zmiana została dokonana z JavaScript.
Składnia
<element ng-change="expression"></element>
Obsługiwane przez <input>, <select> i <textarea>.
Wartości parametrów
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |