Tutto quello che devi sapere sulla funzione di orologio JS angolare

Questo articolo ti fornirà una conoscenza dettagliata e completa di come implementare la funzione di orologio JS angolare.

Il Le funzioni JS $ scope sono alcune delle funzioni principali. In questo articolo, discuteremo la funzione di orologio JS angolare nel seguente ordine:



Qual è la funzione di orologio JS angolare?

La funzione angolare JS $ watch viene utilizzata per controllare l'oggetto scope. $ Watch tiene d'occhio la variabile e siccome il valore della variabile cambia l'angolare JS $ cosa esegue una funzione. Questa funzione accetta due argomenti: uno è il nuovo valore e un altro parametro è il vecchio valore.



orologio js angolare

Come utilizzare la funzione di orologio JS angolare?

Facciamo un semplice esempio di ciò che fa esattamente la funzione orologio in JS angolare. Quindi nel nostro programma JS angolare abbiamo creato due file lì index.js è responsabile del frontend e app.js è responsabile della gestione del backend. Qui creiamo un semplice programma con un modulo e questo modulo ha un campo di input. Quando diamo il nome nel campo di input, il messaggio di output ci mostra il vecchio valore e il nuovo valore.



Codice HTML

La nostra pagina index.html ha un'app angolare con il nome ngWatchApp e un controller con il nomewatchController. Quindi creiamo un modulo con un nome di campo di input e il valore di quel campo di input che stampiamo nel tag h1 e il messaggio viene stampato in

etichetta.

cos'è il casting di tipo in java
Esempio di orologio angolare Immettere il nome

{{Messaggio}}

Codice JavaScript

In app.js abbiamo creato un'app con il nome ngWatchApp e un controller con il nomewatchController. Successivamente, definiamo le due variabili nell'ambito con il nome, il nome e il messaggio e nella funzione watch passiamo due parametri, uno è il nome del campo che viene influenzato quando cambia e l'altro è la funzione che ha anche due parametri, nuovo valore e vecchio valore. Infine, aggiungiamo due valori nella variabile del messaggio e che la variabile del messaggio sia mostrata nel fileindex.htmlpagina.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// aggiunta della variabile di ambito $ scope.name = '' $ scope.message = '' // add guarda con nome field $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus è $ {newValue} e il vecchio valore è $ {oldValue}`} )})

Ogni volta che guardiamo una funzione, questa funzione viene richiamata più volte in base al digest. Ogni volta che il codice viene eseguito, AngularJS passa il riferimento $ scope corrente come primo argomento. Non solo significa che possiamo fare riferimento all'ambito appropriato dall'interno del corpo della funzione, ma significa anche che possiamo guardare qualsiasi funzione che si aspetta un riferimento $ scope.

Questo è il modo in cui possiamo usare la funzione angular js watch () nelle applicazioni per osservare i cambiamenti della variabile $ scope. Ci sono altre cose che funzionano con $ watch queste sono $ digest () che la funzione itera attraverso tutti gli orologi nell'oggetto $ scope quando$ digest ()itera sugli orologi, chiama la funzione valore per ogni orologio. Il$ scope. $ apply ()funzione accetta una funzione come parametro che viene eseguita, e successivamente$ scope. $ digest ()è chiamato internamente.

Con questo, arriviamo alla fine di questo articolo sulla funzione di orologio JS angolare. Se desideri saperne di più sul framework Angular, dai un'occhiata al nostro che viene fornito con formazione dal vivo con istruttore e esperienza di progetto nella vita reale. Questa formazione ti aiuterà a comprendere in profondità Angular e ti aiuterà a raggiungere la padronanza sull'argomento.

come diventare un ingegnere di intelligenza artificiale

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'Funzione di orologio JS angolare' e ti risponderemo.