Formulaires template-driven
FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states
1Quel module Angular importer pour utiliser les formulaires template-driven ?
Quel module Angular importer pour utiliser les formulaires template-driven ?
Réponse
Le FormsModule est nécessaire pour activer les formulaires template-driven dans Angular. Il fournit des directives comme NgModel, NgForm et permet le two-way data binding avec [(ngModel)]. Sans ce module, les directives de formulaires ne fonctionneront pas et Angular générera des erreurs.
2Quelle syntaxe utiliser pour le two-way data binding avec NgModel ?
Quelle syntaxe utiliser pour le two-way data binding avec NgModel ?
Réponse
La syntaxe [(ngModel)] combine property binding [ngModel] et event binding (ngModel) pour créer un two-way data binding. Cette syntaxe banana-in-a-box synchronise automatiquement la valeur du champ de formulaire avec la propriété du composant dans les deux sens, simplifiant la gestion de l'état du formulaire.
3Quel attribut est obligatoire sur un input avec NgModel dans un formulaire template-driven ?
Quel attribut est obligatoire sur un input avec NgModel dans un formulaire template-driven ?
Réponse
L'attribut name est obligatoire sur chaque input utilisant NgModel dans un formulaire template-driven. Angular utilise cet attribut pour enregistrer le contrôle dans le FormGroup sous-jacent et créer la structure du formulaire. Sans attribut name, Angular ne peut pas tracker l'état du contrôle et affichera une erreur.
Comment accéder à la directive NgForm pour vérifier l'état du formulaire ?
Comment accéder à l'état d'un champ spécifique dans le template ?
+13 questions d'entretien
Autres sujets d'entretien Angular
Les bases de TypeScript
TypeScript avancé
Fondamentaux Angular
Composants et cycle de vie
Services et Dependency Injection
Organisation des Modules Angular
Angular CLI
Directives et Pipes
Routing et Navigation
Formulaires réactifs
Fondamentaux RxJS
Opérateurs RxJS
HttpClient et API calls
Gestion d'état de base
Change Detection
Angular Signals
Standalone Components
Tests unitaires Angular
Tests end-to-end
Build et optimisation
Fondamentaux NgRx
NgRx avancé
Architecture Angular
Optimisation de performance
Sécurité et bonnes pratiques
Patterns RxJS avancés
Angular Universal et SSR
Micro-frontends Angular
Maîtrise Angular pour ton prochain entretien
Accède à toutes les questions, flashcards, tests techniques, exercices de code review et simulateurs d'entretien.
Commencer gratuitement