ng-changeDirectiva AngularJS
Ejemplo
Ejecute una función cuando cambie el valor del 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>
Definición y uso
La ng-changedirectiva le dice a AngularJS qué hacer cuando cambia el valor de un elemento HTML.
La ng-changedirectiva requiere que una ng-model
directiva esté presente.
La ng-changedirectiva de AngularJS no anulará el evento onchange original del elemento, ng-changese ejecutarán tanto la expresión como el evento onchange original.
El ng-changeevento se dispara con cada cambio en el valor. No esperará hasta que se realicen todos los cambios o cuando el campo de entrada pierda el foco.
El ng-changeevento solo se desencadena si hay un cambio real en el valor de entrada y no si el cambio se realizó desde un JavaScript.
Sintaxis
<element ng-change="expression"></element>
Compatible con <input>, <select> y <textarea>.
Valores paramétricos
| Value | Description |
|---|---|
| expression | An expression to execute when an element's value changes. |