Directiva ng-change de AngularJS

Manual de referencia de AngularJS

Definición y uso

ng-change La directiva le dice a AngularJS qué acción ejecutar cuando cambia el valor del elemento HTML.

ng-change La directiva ng-model requiere la existencia de ng-model Directiva

Directiva en AngularJS ng-change La directiva no cubre el evento onchange original del elemento.ng-change Se ejecutarán la expresión y el evento onchange original.

ng-change El evento se desencadena cada vez que el valor cambia. No espera a que se completen todos los cambios o cuando el cuadro de entrada pierda el foco.

ng-change El evento se desencadena solo cuando el valor de entrada cambia realmente, no a través de cambios realizados con JavaScript.

Ejemplo

Cuando el valor del cuadro de entrada cambia, se ejecuta una función:

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

Prueba por tu cuenta

Sintaxis

<elemento ng-change="expression</elemento>

Soporte <input>、<select> y <textarea>.

Parámetros

Parámetros Descripción
expression Expresión que se debe ejecutar cuando cambia el valor del elemento.

Manual de referencia de AngularJS