Componenti e ciclo di vita
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Cos'è un lifecycle hook in Angular?
Cos'è un lifecycle hook in Angular?
Risposta
Un lifecycle hook è un metodo speciale chiamato automaticamente da Angular in momenti chiave del ciclo di vita di un component o direttiva. Questi hook permettono di eseguire codice in fasi specifiche come creazione, aggiornamento o distruzione. Gli hook più comuni sono ngOnInit, ngOnChanges e ngOnDestroy.
2Quando viene chiamato ngOnInit?
Quando viene chiamato ngOnInit?
Risposta
ngOnInit viene chiamato una volta dopo il primo ngOnChanges, una volta che tutte le proprietà @Input sono state inizializzate. È l'hook ideale per inizializzare i dati del component, avviare subscription o chiamare servizi. È preferibile al constructor per la logica di inizializzazione poiché tutti i binding sono garantiti disponibili.
3Qual è la differenza principale tra ngOnChanges e ngOnInit?
Qual è la differenza principale tra ngOnChanges e ngOnInit?
Risposta
ngOnChanges viene chiamato ogni volta che una proprietà @Input cambia valore e riceve un oggetto SimpleChanges contenente vecchi e nuovi valori. ngOnInit viene chiamato solo una volta dopo la prima inizializzazione. Usa ngOnChanges per reagire ai cambiamenti di input e implementare logica dipendente dai valori @Input. Preferisci ngOnInit per l'inizializzazione una tantum come chiamate API o configurazione iniziale.
Perché usare ngOnDestroy in un component?
In quale ordine vengono chiamati i lifecycle hook durante la creazione di un component?
+17 domande da colloquio
Altri argomenti di colloquio Angular
Fondamenti di TypeScript
TypeScript Avanzato
Fondamenti di Angular
Services & Dependency Injection
Organizzazione dei moduli Angular
Angular CLI
Direttive e Pipe
Routing e Navigazione
Form reattivi
Form template-driven
Fondamenti di RxJS
Operatori RxJS
HttpClient e chiamate API
Gestione dello stato di base
Change Detection
Angular Signals
Standalone Components
Test unitari in Angular
Testing End-to-End
Build e ottimizzazione
Fondamenti di NgRx
NgRx avanzato
Architettura Angular
Ottimizzazione delle performance
Sicurezza e best practice
Pattern RxJS avanzati
Angular Universal e SSR
Micro-frontend Angular
Padroneggia Angular per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis