Los últimos tutoriales de desarrollo web
 

AngularJS ng-cambio Directiva


Ejemplo

Ejecutar una función cuando el valor de los cambios en el campo 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>
Inténtalo tú mismo "

Definición y Uso

El ng-change directiva indica AngularJS lo que se puede hacer cuando el valor de un elemento HTML cambios.

El ng-change directiva requiere una ng-model directiva para estar presente.

El ng-change directiva de AngularJS no anulará evento onchange original del elemento, tanto en el ng-change expresión y el evento onchange originales serán ejecutados.

El ng-change evento se dispara en cada cambio en el valor. No va a esperar hasta que se hagan todos los cambios, o cuando el campo pierde el foco de entrada.

El ng-change evento sólo se activa si hay un cambio real en el valor de entrada, y no si el cambio se hizo de un JavaScript.


Sintaxis

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

Con el apoyo de <input>, <select> y <textarea>.


Los valores de los parámetros

Value Description
expression An expression to execute when an element's value changes.