Cours 7 : Angular - template driven form Flashcards
Quels sont les deux types de formulaires proposés par Angular ?
Les deux types de formulaires proposés par Angular sont les Template Driven Forms et les Reactive Forms.
Qu’est-ce que les Template Driven Forms ?
Les Template Driven Forms utilisent des formulaires HTML classiques et la logique des formulaires est incorporée directement dans le template HTML grâce à l’usage de directives.
Quel module Angular est nécessaire pour utiliser les Template Driven Forms ?
Le module FormsModule est nécessaire pour utiliser les Template Driven Forms dans Angular.
Comment lie-t-on une variable du composant avec un champ de formulaire dans les Template Driven Forms ?
On lie une variable du composant avec un champ de formulaire dans les Template Driven Forms en utilisant la directive ngModel avec le two-way binding [(ngModel)].
Quelle directive permet de gérer la soumission d’un formulaire dans les Template Driven Forms ?
La directive ngSubmit permet de gérer la soumission d’un formulaire dans les Template Driven Forms.
Comment se déclenche la soumission d’un formulaire dans Angular ?
La soumission d’un formulaire se déclenche grâce à l’événement submit de la balise form.
Qu’est-ce qu’un Validator dans le contexte des formulaires Angular ?
Un Validator dans le contexte des formulaires Angular est une fonction qui vérifie la valeur d’un champ de formulaire et retourne une erreur le cas échéant.
Quels sont les principaux Validators disponibles dans Angular ?
Les principaux Validators disponibles dans Angular sont : required, minlength, maxlength, pattern, et email.
Comment affiche-t-on et gère-t-on les erreurs de validation dans les Template Driven Forms ?
Les erreurs de validation dans les Template Driven Forms sont affichées et gérées directement dans le template HTML en utilisant une référence de template associée à la directive ngModel sur chaque champ du formulaire.
Comment vérifie-t-on la validité globale d’un formulaire dans les Template Driven Forms ?
On vérifie la validité globale d’un formulaire dans les Template Driven Forms en utilisant une référence de template sur la directive ngForm, qui s’applique automatiquement aux balises <form>.
Quelle directive Angular permet de référencer un formulaire dans le template ?
La directive Angular qui permet de référencer un formulaire dans le template est ngForm.
Quelles classes CSS Angular ajoute-t-il dynamiquement en fonction de la validité et du statut d’un champ de formulaire ?
Angular ajoute dynamiquement des classes CSS en fonction de la validité et du statut d’un champ de formulaire.
Comment stylise-t-on rapidement un formulaire en utilisant les classes CSS ajoutées par Angular ?
Pour styliser rapidement un formulaire en utilisant les classes CSS ajoutées par Angular, il suffit de surcharger ces classes dans les feuilles de style.
Quelle directive Angular permet de prévenir le comportement par défaut de soumission des formulaires ?
La directive ngSubmit permet de prévenir le comportement par défaut de soumission des formulaires, évitant ainsi le rechargement de la page.
Comment vérifie-t-on si un formulaire est valide dans Angular avant de le soumettre ?
On vérifie si un formulaire est valide dans Angular avant de le soumettre en utilisant la propriété valid du formulaire, par exemple avec la syntaxe myForm.valid.
