filmov
tv
Angular 2 tutoriel 3 en français : gestion de formulaire (via ReactiveFormsModule)

Показать описание
Formation complète "Angular 6, Angular Material et RxJS 6 par la pratique" :
Il existe deux façons de gérer les formulaires en Angular 2 : la simple et limitée (basée exclusivement sur des directives dans le template), la complexe et puissante (basée avant tout sur des objets côté TypeScript). C'est la complexe et puissante à laquelle nous allons nous consacrer. Côté TypeScript, elle repose sur un FormGroup, pouvant contenir 1 à n FormControl. De là, FormGroup et FormControl sont liés à un formulaire côté template grâce aux directives formGroup et formControlName.
Nous verrons ensuite, côté TypeScript, comment utiliser un FormBuilder, qui met à disposition une méthode group() qui permet de créer plus facilement un FormGroup qui contiendra ses instances de FormControl.
Enfin, nous verrons comment tester la validation d'un formulaire globalement (un formulaire étant considéré valide si chacun de ses FormControl est valide) mais aussi comment tester de façon granulaire la validité de chaque FormControl afin d'indiquer à la volée à l'utilisateur s'il a fourni les données attendues.
Il existe deux façons de gérer les formulaires en Angular 2 : la simple et limitée (basée exclusivement sur des directives dans le template), la complexe et puissante (basée avant tout sur des objets côté TypeScript). C'est la complexe et puissante à laquelle nous allons nous consacrer. Côté TypeScript, elle repose sur un FormGroup, pouvant contenir 1 à n FormControl. De là, FormGroup et FormControl sont liés à un formulaire côté template grâce aux directives formGroup et formControlName.
Nous verrons ensuite, côté TypeScript, comment utiliser un FormBuilder, qui met à disposition une méthode group() qui permet de créer plus facilement un FormGroup qui contiendra ses instances de FormControl.
Enfin, nous verrons comment tester la validation d'un formulaire globalement (un formulaire étant considéré valide si chacun de ses FormControl est valide) mais aussi comment tester de façon granulaire la validité de chaque FormControl afin d'indiquer à la volée à l'utilisateur s'il a fourni les données attendues.
Комментарии