Directiva AngularJS Ng-Cambio
Instancia de angularjs
Ejecute la función cuando cambia el valor del cuadro de entrada:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = "myapp"> <div ng ng ng-ccontrerrler ">" myctrler " <p> Ingrese alguna información en el cuadro de entrada: </p> <input type = "text" ng -change = "myFunc ()" ng-model = "myValue" /> <p> El cuadro de entrada se ha modificado {{count}} veces. </p> </div> <script> angular.module ('myapp', []) .controller ('myctrl', ['$ scope', function ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count ++;};}]); </scrito> </body> </html>Resultados de ejecución:
Ingrese alguna información en el cuadro de entrada:
El cuadro de entrada se ha modificado 0 veces.
Definición y uso
La Directiva de cambio NG se usa para decirle a AngularJS qué hacer cuando los valores del elemento HTML cambian.
La instrucción de cambio de NG debe usarse con la instrucción del modelo NG.
La Directiva de la Directiva AngularJS NG-Change no sobrescribe el evento nativo de Onchange. Si se activa este evento, se ejecutará la expresión de cambio de Ng y el evento nativo de Onchange.
El evento de cambio NG se dispara cada vez que cambia el valor, y no necesita esperar un proceso de modificación completo o esperar una acción que pierda el enfoque.
El evento de cambio NG es solo para la modificación real del valor del cuadro de entrada, no a través de JavaScript.
gramática
<Element Ng-Change = "Expression"> </ememem>
<Poning>, <Entel> y <ExteAea> Los elementos son compatibles.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | Ejecutar expresiones cuando cambien los valores del elemento. |
Lo anterior es un resumen del conocimiento de las directivas de cambio de angularjs ng, y se complementará más tarde.