AngularJS ng-changeDirectiva

AngularJS 参考手册Manual de referencia de AngularJS

Ejemplo de AngularJS

Ejecutar una función cuando el valor del campo de entrada cambie:

<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>

Pruébalo »

Definición y uso

ng-changeLa directiva se utiliza para indicar a AngularJS la operación que debe ejecutar cuando cambie el valor de un elemento HTML.

ng-changeLa directiva debe utilizarse junto conng-modelel uso de la directiva.

AngularJS ng-changeLa directiva no anula el evento nativo onchange; si se desencadena ese evento,ng-changese ejecutarán tanto la expresión como el evento nativo onchange.

ng-changeEl evento se dispara en cada cambio del valor; no necesita esperar a que se complete un proceso de modificación, ni esperar a que se pierda el foco.

ng-changeEl evento se refiere solo a cambios reales en el valor del campo de entrada, no a modificaciones realizadas mediante JavaScript.

Sintaxis

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

Los elementos <input>, <select> y <textarea> son compatibles.

Valor de parámetro

Valor Descripción
expression Expresión que se ejecuta cuando cambia el valor del elemento.

AngularJS 参考手册Manual de referencia de AngularJS

Otras extensiones