Direttive e Pipe
Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes
1Cos'è una direttiva strutturale in Angular?
Cos'è una direttiva strutturale in Angular?
Risposta
Le direttive strutturali modificano la struttura del DOM aggiungendo, rimuovendo o manipolando elementi. Sono prefissate con * (es: *ngIf, *ngFor). A differenza delle direttive di attributo che modificano l'aspetto o il comportamento, le direttive strutturali possono aggiungere o rimuovere elementi dal DOM.
2Qual è la sintassi corretta per usare ngFor con trackBy?
Qual è la sintassi corretta per usare ngFor con trackBy?
Risposta
La sintassi corretta usa il punto e virgola per separare l'iterazione dalla funzione trackBy. La funzione trackBy migliora le performance consentendo ad Angular di identificare quali elementi sono cambiati, aggiunti o rimossi. Riceve due parametri (index e item) e restituisce un identificatore univoco.
3Perché usare trackBy con ngFor?
Perché usare trackBy con ngFor?
Risposta
trackBy migliora le performance di rendering delle liste consentendo ad Angular di identificare con precisione quali elementi sono cambiati. Senza trackBy, Angular ricrea tutti gli elementi DOM quando si verificano cambiamenti. Con trackBy, solo gli elementi modificati vengono aggiornati, evitando ricreazioni non necessarie.
Quale direttiva dovrebbe essere usata per visualizzare condizionalmente un elemento in base a una condizione?
Qual è la differenza tra *ngIf e [hidden]?
+19 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
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