los Las funciones JS $ scope son algunas de las funciones principales. En este artículo, analizaremos la función de reloj Angular JS en el siguiente orden:
¿Qué es la función de reloj angular JS?
La función angular JS $ watch se utiliza para observar el objeto de alcance. El $ watch vigila la variable y, a medida que el valor de la variable cambia, el JS $ angular ejecuta una función. Esta función toma dos argumentos, uno es el nuevo valor y otro parámetro es el valor anterior.
¿Cómo utilizar la función de reloj angular JS?
Tomemos un ejemplo simple de lo que hace exactamente la función de reloj en angular JS. Entonces, en nuestro programa angular JS creamos dos archivos allí index.js es responsable de frontend y app.js es responsable de manejar backend. Aquí hacemos un programa simple con un formulario y este formulario tiene un campo de entrada. Cuando damos el nombre en el campo de entrada, el mensaje de salida nos muestra el valor anterior y el nuevo.
system.exit (0)
código HTML
Nuestra página index.html tiene una aplicación angular con el nombre ngWatchApp y un controlador con el nombrewatchController. Luego creamos un formulario con un nombre de campo de entrada y el valor de ese campo de entrada lo imprimimos en la etiqueta h1 y el mensaje se imprime en
etiqueta.
Ejemplo de reloj angular Ingrese su nombre{{mensaje}}
Código JavaScript
En app.js creamos una aplicación con el nombre ngWatchApp y un controlador con el nombrewatchController. A continuación, definimos las dos variables en alcance con el nombre, nombre y mensaje y en la función de vigilancia pasamos dos parámetros, uno es el nombre del campo que se ve afectado cuando cambia y otro es la función que también tiene dos parámetros, valor nuevo y valor antiguo. Finalmente, agregamos dos valores en la variable de mensaje y que la variable de mensaje se muestra en laindex.htmlpágina.
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// agregando la variable de alcance $ scope.name = '' $ scope.message = '' // agregar reloj con campo de nombre $ alcance. $ reloj ('nombre', función (nuevoValor = '', valor antiguo = '') {$ alcance.message = `nuevo valor es $ {nuevoValor} y el valor antiguo es $ {valor antiguo}`} )})Siempre que observamos una función, esta función se llama varias veces de acuerdo con el resumen. Siempre que se ejecuta el código, AngularJS pasa la referencia actual de $ scope como primer argumento. No solo significa que podemos hacer referencia al alcance adecuado desde el cuerpo de la función, sino que también significa que podemos observar cualquier función que espere una referencia de $ scope.
cadena de análisis de Java hasta la fecha
Así es como podemos usar la función angular js watch () en aplicaciones para ver los cambios de la variable $ scope. Hay algunas otras cosas que funcionan con $ watch; la función $ digest () itera a través de todos los relojes en el objeto $ scope cuando$ digest ()itera sobre los relojes, llama a la función de valor para cada reloj. los$ alcance. $ aplicar ()función toma una función como parámetro que se ejecuta, y después de eso$ alcance. $ digest ()se llama internamente.
Con esto, llegamos al final de este artículo de función de reloj Angular JS. Si desea obtener más información sobre el marco angular, consulte nuestro que viene con capacitación en vivo dirigida por un instructor y experiencia en proyectos de la vida real. Esta capacitación lo ayudará a comprender Angular en profundidad y lo ayudará a dominar el tema.
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de 'Función Angular JS Watch' y nos pondremos en contacto con usted.