ng-change
Diretiva AngularJS
Exemplo
Execute uma função quando o valor do campo de entrada for alterado:
<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>
Definição e uso
A ng-change
diretiva diz ao AngularJS o que fazer quando o valor de um elemento HTML muda.
A ng-change
diretiva exige ng-model
a presença de uma diretiva.
A ng-change
diretiva do AngularJS não substituirá o evento onchange original do elemento, tanto a ng-change
expressão quanto o evento onchange original serão executados.
O ng-change
evento é acionado a cada alteração no valor. Ele não esperará até que todas as alterações sejam feitas ou quando o campo de entrada perder o foco.
O ng-change
evento só é acionado se houver uma alteração 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>
Suportado por <input>, <select> e <textarea>.
Valores de parâmetro
Value | Description |
---|---|
expression | An expression to execute when an element's value changes. |