# Formulaires template-driven (Angular)

> FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states

- 16 questions d'entretien
- Confirmé
- [Questions d'entretien: Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien.md)

## 1. 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.

## 2. 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.

## 3. 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.

## 13 questions supplémentaires disponibles

- 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 ?

S'inscrire gratuitement: https://sharpskill.dev/fr/login

## Autres sujets d'entretien Angular

- [Les bases de TypeScript](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-basics.md): 25 questions, Junior
- [TypeScript avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/typescript-advanced.md): 20 questions, Junior
- [Fondamentaux Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-fundamentals.md): 20 questions, Junior
- [Composants et cycle de vie](https://sharpskill.dev/fr/technologies/angular/questions-entretien/components-lifecycle.md): 20 questions, Junior
- [Services et Dependency Injection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/services-dependency-injection.md): 20 questions, Junior
- [Organisation des Modules Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/modules-organization.md): 22 questions, Confirmé
- [Angular CLI](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-cli.md): 18 questions, Junior
- [Directives et Pipes](https://sharpskill.dev/fr/technologies/angular/questions-entretien/directives-pipes.md): 22 questions, Confirmé
- [Routing et Navigation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/routing-navigation.md): 24 questions, Confirmé
- [Formulaires réactifs](https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-reactive.md): 26 questions, Confirmé
- [Fondamentaux RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-fundamentals.md): 22 questions, Confirmé
- [Opérateurs RxJS](https://sharpskill.dev/fr/technologies/angular/questions-entretien/rxjs-operators.md): 24 questions, Confirmé
- [HttpClient et API calls](https://sharpskill.dev/fr/technologies/angular/questions-entretien/http-client.md): 22 questions, Confirmé
- [Gestion d'état de base](https://sharpskill.dev/fr/technologies/angular/questions-entretien/state-management-basics.md): 20 questions, Confirmé
- [Change Detection](https://sharpskill.dev/fr/technologies/angular/questions-entretien/change-detection.md): 20 questions, Confirmé
- [Angular Signals](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-signals.md): 20 questions, Confirmé
- [Standalone Components](https://sharpskill.dev/fr/technologies/angular/questions-entretien/standalone-components.md): 18 questions, Confirmé
- [Tests unitaires Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-unit.md): 22 questions, Confirmé
- [Tests end-to-end](https://sharpskill.dev/fr/technologies/angular/questions-entretien/testing-e2e.md): 18 questions, Confirmé
- [Build et optimisation](https://sharpskill.dev/fr/technologies/angular/questions-entretien/build-optimization.md): 20 questions, Confirmé
- [Fondamentaux NgRx](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-fundamentals.md): 24 questions, Senior
- [NgRx avancé](https://sharpskill.dev/fr/technologies/angular/questions-entretien/ngrx-advanced.md): 24 questions, Senior
- [Architecture Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-architecture.md): 22 questions, Senior
- [Optimisation de performance](https://sharpskill.dev/fr/technologies/angular/questions-entretien/performance-optimization.md): 22 questions, Senior
- [Sécurité et bonnes pratiques](https://sharpskill.dev/fr/technologies/angular/questions-entretien/security-best-practices.md): 20 questions, Senior
- [Patterns RxJS avancés](https://sharpskill.dev/fr/technologies/angular/questions-entretien/advanced-rxjs-patterns.md): 22 questions, Senior
- [Angular Universal et SSR](https://sharpskill.dev/fr/technologies/angular/questions-entretien/angular-universal-ssr.md): 20 questions, Senior
- [Micro-frontends Angular](https://sharpskill.dev/fr/technologies/angular/questions-entretien/micro-frontends-angular.md): 20 questions, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/fr/technologies/angular/questions-entretien/forms-template-driven