tutoriais mais recente desenvolvimento web
 

AngularJS ng-change directiva


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.