Exemplo
Executar uma função quando o valor do campo muda de entrada:
<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>
Tente você mesmo " Definição e Uso
O ng-change
directiva diz AngularJS o que fazer quando o valor de um elemento HTML mudanças.
O ng-change
directiva requer um ng-model
directiva para estar presente.
O ng-change
directiva a partir AngularJS não irá substituir evento onchange original do elemento, tanto o ng-change
expressão e o evento onchange original será executado.
O ng-change
evento é acionado a cada mudança no valor. Ele não vai esperar até que todas as alterações são feitas, ou quando o campo de entrada perde o foco.
O ng-change
evento só é acionado se houver uma mudança real no valor de entrada, e não se a alteração foi feita a partir de um JavaScript.
Sintaxe
< element ng-change=" expression "></ element >
Apoiado por <input>, <select> e <textarea>.
Os valores dos parâmetros
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |