Angular Signals
Signals API, computed, effect, signal inputs, signal queries, modello di reattività, migrazione da RxJS
1Cos'è un signal in Angular?
Cos'è un signal in Angular?
Risposta
Un signal è una primitiva di reattività introdotta in Angular 16+ che incapsula un valore e notifica automaticamente i consumer quando quel valore cambia. A differenza degli Observables RxJS, i signals offrono un approccio più semplice e performante per gestire lo stato reattivo. Sono sincroni di default e si integrano nativamente con il sistema di change detection di Angular.
2Come creare un signal con un valore iniziale?
Come creare un signal con un valore iniziale?
Risposta
La funzione signal() prende il valore iniziale come parametro: signal(0) crea un signal contenente 0. Il signal restituito è una funzione getter che può essere chiamata per leggere il valore. Per modificare il valore, usa i metodi set(), update() o mutate(). La sintassi è concisa ed evita la verbosità del BehaviorSubject RxJS.
3Come leggere il valore di un signal?
Come leggere il valore di un signal?
Risposta
Chiama il signal come una funzione: count() restituisce il valore corrente. Questa sintassi permette ad Angular di tracciare automaticamente le dipendenze nei contesti reattivi (templates, computed, effect). A differenza degli Observables che richiedono subscribe() o async pipe, i signals offrono lettura sincrona e diretta.
Quale metodo usare per sostituire completamente il valore di un signal?
Come aggiornare un signal in base al suo valore precedente?
+17 domande da colloquio
Altri argomenti di colloquio Angular
Fondamenti di TypeScript
TypeScript Avanzato
Fondamenti di Angular
Componenti e ciclo di vita
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
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