Przykład
Wykonaj funkcję, gdy wartość pola wprowadzania zmian:
<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>
Spróbuj sam " Definicja i Wykorzystanie
ng-change dyrektywy mówi angularjs co się dzieje, gdy wartość ulega zmianie elementu HTML.
ng-change dyrektywy wymaga ng-model dyrektywę być obecny.
ng-change dyrektywy z angularjs nie zastąpi oryginalnego zdarzenie onchange elementu, zarówno ng-change ekspresji i oryginalny onchange zdarzenie zostanie wykonany.
ng-change zdarzenie jest wywoływane przy każdej zmianie wartości. To nie będzie czekać, aż wszystkie zmiany są wprowadzane, lub gdy pole wprowadzania traci ostrość.
ng-change zdarzenie jest wywoływane tylko wtedy, gdy jest to rzeczywista zmiana wartości wejściowych, a nie wtedy, gdy zmiana została wykonana 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. |