Diretiva ng-change do AngularJS

Manual de Referência AngularJS

Definição e uso

ng-change A diretiva informa ao AngularJS qual operação deve ser executada quando o valor do elemento HTML mudar.

ng-change A diretiva ng-model requer a existência de ng-model diretiva

Diretiva do AngularJS ng-change A diretiva não cobre o evento onchange original do elemento.ng-change A expressão e o evento onchange original também serão executados.

ng-change O evento é acionado a cada mudança de valor. Ele não espera que todas as alterações sejam concluídas ou que a caixa de entrada perca o foco.

ng-change O evento só será acionado quando o valor da entrada realmente mudar, e não através de alterações feitas pelo JavaScript.

Exemplo

Quando o valor da caixa de entrada mudar, execute uma função:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <input type="text" ng-change="myFunc()" ng-model="myValue" />
    <p>O campo de entrada mudou {{count}} vezes.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Experimente você mesmo

Sintaxe

<elemento ng-change="expressão</elemento>

Suporte <input>、<select> e <textarea>.

Parâmetros

Parâmetros Descrição
expressão Expressão a ser executada quando o valor do elemento mudar.

Manual de Referência AngularJS