Bien Construire des Formulaires avec Angular (Reactive Forms, Template-Driven Forms)

Découvrez comment construire des formulaires avec Angular et comment bien utiliser les Reactive Forms. Ainsi que la différence entre les Reactive Forms et les Template-Driven Forms.

Voici l'article correspondant à la vidéo : https://www.gaetanrouzies.com/angular...
Repository Github avec les formulaires Angular : https://github.com/GaetanRouzies/angu...

Formation Angular SEO 📈
https://www.gaetanrouzies.com/formati...

Chapitres
00:00 Introduction et Recommandation
00:20 Reactive Forms vs Template-Driven Forms
01:33 Formulaire HTML simple
02:08 Création d'un Reactive Form avec le ReactiveFormsModule
02:25 FormGroup et FormControl
03:14 formGroup et formControlName
03:39 ngSubmit et affichage de la valeur
03:45 Résultat du Reactive Form 1
04:10 Validators et Reactive Forms
04:40 Validators.required et Validators.minLength
04:53 Affichage d'une erreur à l'utilisateur si le champ est invalide
05:15 Affichage d'un message spécifique grâce à hasError
05:28 Résultat du Reactive Form 2
06:05 Améliorer l'UX avec touched & dirty
07:30 Utilisation de markAllAsTouched
08:01 Résultat du Reactive Form 3
08:20 Utilisation de l'Observable valueChanges
09:22 Résultat du Reactive Form 4
09:38 Typage des valeurs (null, undefined)
10:05 Valeur nullable des FormControls
11:12 FormControl avec nonNullable
11:45 Valeur undefined si FormControl disabled
12:05 Utilisation de value et getRawValue
13:25 Différences entre Reactive Forms et Template-Driven Forms
13:42 Création d'un Template-Driven Form avec le FormsModule
13:52 Lier l'input à une variable avec ngModel
14:30 ngSubmit et afficher la valeur d'un Template-Driven Form
14:50 Validators required et minLength avec un Template-Driven Form
15:18 Accéder au FormControl avec ngModel avec un Template-Driven Form
15:50 Affichage d'une erreur si le champ est invalide avec un Template-Driven Form
16:18 Accéder au FormGroup avec ngForm avec un Template-Driven Form
16:45 Utilisation de @ViewChild et ngForm.form
17:15 Typage et Template-Driven Forms
17:38 markAllAsTouched avec un Template-Driven Form
17:48 Cycle de vie des composants et Détection de changements
18:30 valueChanges avec les Template-Driven Forms
20:05 Quelle approche choisir ?



Gaëtan Rouziès

Mon blog : https://www.gaetanrouzies.com/
Mon profil LinkedIn :   / gaetan-rouzies