Form template-driven
FormsModule, NgModel, two-way binding, validazione form, ngForm, template reference variables, stati di validazione
1Quale modulo Angular importare per usare i form template-driven?
Quale modulo Angular importare per usare i form template-driven?
Risposta
FormsModule è necessario per abilitare i form template-driven in Angular. Fornisce direttive come NgModel, NgForm e abilita il two-way data binding con [(ngModel)]. Senza questo modulo, le direttive dei form non funzioneranno e Angular genererà errori.
2Quale sintassi usare per il two-way data binding con NgModel?
Quale sintassi usare per il two-way data binding con NgModel?
Risposta
La sintassi [(ngModel)] combina property binding [ngModel] e event binding (ngModel) per creare il two-way data binding. Questa sintassi banana-in-a-box sincronizza automaticamente il valore del campo del form con la property del componente in entrambe le direzioni, semplificando la gestione dello stato del form.
3Quale attributo è obbligatorio su un input con NgModel in un form template-driven?
Quale attributo è obbligatorio su un input con NgModel in un form template-driven?
Risposta
L'attributo name è obbligatorio su ogni input che usa NgModel in un form template-driven. Angular usa questo attributo per registrare il control nel FormGroup sottostante e creare la struttura del form. Senza l'attributo name, Angular non può tracciare lo stato del control e genererà un errore.
Come accedere alla direttiva NgForm per verificare lo stato del form?
Come accedere allo stato di un campo specifico nel template?
+13 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
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