English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Analisi dettagliata del flusso di esecuzione di AngularJS

Primo. Fase di avvio

Il browser analizza la pagina HTML, legge il tag <script> di angular.js e ferma l'analisi dei nodi DOM successivi, inizia a eseguire angular.js, allo stesso tempo, Angular imposta un ascoltatore di eventi per monitorare l'evento DOMContentLoaded, quando Angular sente questo evento, Angular si avvia.

Secondo. Fase di inizializzazione

Dopo l'avvio di Angular, cerca l'instruzione ng-app e inizializza una serie di componenti necessari (cioè $injector, $compile servizio e $rootScope), quindi continua a解析DOM.

Terzo. Fase di compilazione e link

1. Angular utilizza il servizio $compile per cercare gli elementi DOM con direttive attraverso l'analisi dell'albero DOM e poi li ordina in base alla priorità della direttiva.

2. Successivamente, il servizio $injector ricerca e raccoglie la funzione compile sotto ogni direttiva e l'esegue.

3. Dopo l'esecuzione del metodo compile di ogni nodo, il servizio $compile chiama la funzione di link. Questa funzione di link configura il monitoraggio delle direttive con lo scope chiuso. Questo comportamento crea una vista in tempo reale.

4. Dopo aver completato tutto il sopra elencato, Angular viene avviato.

Quarto. Fase di esecuzione

Angular fornisce il proprio ciclo di eventi. Le direttive si registrano automaticamente come listener di eventi, quindi quando un evento viene attivato, la funzione della direttiva viene eseguita nel ciclo $digest di AngularJS. Il ciclo $digest aspetta la lista di espressioni $watch, quando rileva un cambiamento nel modello, chiama la funzione $watch e poi rivede la lista $watch per assicurarsi che non ci siano cambiamenti nel modello. Una volta che il ciclo $digest è stabile e non rileva cambiamenti potenziali, il processo esce dal contesto Angular e di solito torna nel browser.

Questo è tutto il contenuto dell'articolo, speriamo che il contenuto di questo articolo possa essere di aiuto ai tuoi studi o lavoro, e speriamo di ricevere un grande sostegno per il tutorial Yell!

Dichiarazione: il contenuto di questo articolo è stato raccolto da Internet, il diritto d'autore è proprietà del rispettivo proprietario, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, il sito web non possiede il diritto di proprietà, non è stato elaborato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, il sito web rimuoverà immediatamente i contenuti sospetti di violazione del copyright.

Ti potrebbe interessare