Tot el que heu de saber sobre la funció de rellotge Angular JS

Aquest article us proporcionarà un coneixement detallat i exhaustiu de com implementar la funció de rellotge Angular JS.

El Les funcions d'abast JS $ són algunes de les funcions principals. En aquest article, parlarem de la funció de rellotge Angular JS en l’ordre següent:



Quina és la funció de rellotge angular JS?

La funció de rellotge angular JS $ s'utilitza per mirar l'objecte d'abast. El rellotge $ vigila la variable i a mesura que el valor de la variable canvia el JS $ angular, el que executa una funció. Aquesta funció té dos arguments: un és el valor nou i un altre paràmetre és el valor antic.



rellotge angular js

Com s'utilitza la funció de rellotge angular JS?

Prenguem un exemple senzill del que fa exactament la funció de rellotge a JS angular. Així doncs, al nostre programa JS angular hem creat dos fitxers, index.js és responsable del frontend i app.js és el responsable del tractament del backend. Aquí fem un programa senzill amb un formulari i aquest formulari té un camp d’entrada. Quan donem el nom al camp d'entrada, el missatge de sortida ens mostra el valor antic i el valor nou.



Codi HTML

La nostra pàgina index.html té una aplicació angular amb el nom ngWatchApp i un controlador amb el nomwatchController. A continuació, creem un formulari amb un nom de camp d’entrada i el valor d’aquest camp d’entrada que imprimim a l’etiqueta h1 i s’imprimeix el missatge

etiqueta.

Exemple de rellotge angular Introduïu el vostre nom

{{missatge}}

Codi JavaScript

A l’app.js hem creat una aplicació amb el nom ngWatchApp i un controlador amb el nomwatchController. A continuació, definim les dues variables d’abast amb el nom, el nom i el missatge i a la funció de rellotge passem dos paràmetres, un és el nom del camp que es veu afectat quan es canvia i l’altre és la funció que també té dos paràmetres, valor nou i valor antic. Finalment, afegim dos valors a la variable de missatge i que la variable de missatge es mostra aindex.htmlpàgina.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// afegint la variable d'abast $ scope.name = '$ scope.message =' // afegeix rellotge amb el camp de nom $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus és $ {newValue} i el valor antic és $ {oldValue}`} )})

Sempre que veiem una funció, aquesta funció s'anomena diverses vegades segons el resum. Sempre que s’executa el codi, AngularJS transmet la referència $ scope actual com a primer argument. No només significa que podem fer referència a l'abast adequat des del cos de la funció, sinó que també podem veure qualsevol funció que esperi una referència $ scope.

Així és com podem utilitzar la funció angular js watch () a les aplicacions per veure els canvis de la variable $ scope. Hi ha altres coses que funcionen amb $ watch, la funció $ digest () itera per tots els rellotges de l'objecte $ scope quan$ digest ()repeteix els rellotges, crida la funció de valor de cada rellotge. El$ scope. $ apply ()La funció pren una funció com a paràmetre que s'executa, i després$ scope. $ digest ()es diu internament.

print_r a php

Amb això, arribem al final d’aquest article sobre la funció de rellotge Angular JS. Si voleu obtenir més informació sobre el marc angular, consulteu el nostre que inclou formació en viu dirigida per un instructor i experiència en projectes reals. Aquesta formació us ajudarà a comprendre en profunditat Angular i us ajudarà a dominar el tema.

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Funció de rellotge angular JS' i us respondrem.