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

preview_player
Показать описание
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.
Рекомендации по теме
Комментарии
Автор

Très instructif ! Je me suis abonné direct et t'encourage à continuer ces tutos. Un grand merci !

raphaelcolboc
Автор

Ta chaîne mériterait beaucoup plus de vue vraiment excellent travail en tout cas.

kurusanyasuke
Автор

Je trouve que ton approche facilite grandement la compréhension, d'une part tu choisis un vocabulaire adapté (ni trop élitiste ni trop basique), comme pour les explications: tu vas assez loin pour permettre la compréhension de la logique du framework sans être pompeux... Le mieux, pour moi, c'est les erreurs. Quand tu oublies de rentrer le component dans le html par exemple : on se pose la question pourquoi ça ne fonctionne pas, ah ben oui il faut le raccorder à l'existant, puis on se dit où devrait-on le raccorder ... et au final ça nous permet de nous forger la logique du framework. Alors merci beaucoup pour ce tuto j'espère que tu réussiras et surtout laisse les erreurs c'est très formateur! +1 abo + 8 likes sans hésitation. Bonne continuation.

GG-gojv
Автор

Bonjour Merci pour cette vidéo ! :)
Petit conseil pour aller plus vite à la saisie, utiliser la "multi saisie" -> maintenir la touche alt et cliquer sur les occurrences du même mot à modifier.
Très utile lorsqu'on copie colle le module "home" et qu'il faut ensuite modifier toutes les occurrences de "home" pour les remplacer par "movies" par exemple. On ne tape qu'une seule fois le terme "movies" au lieu de x fois ;-)

bArraxas
Автор

LoooL ça va être ma première fois de suivre un tuto Angular en français. Je voulais juste entendre comment tu allais prononcer : component, template, reactive form etc. Sinon bon cours

theobellash
Автор

J'ai 2 petites questions :
La première, pourquoi des fois on met le "ng" exemple (ngSubmit) et des fois on le met pas exemple (click) ?
La seconde, pourquoi il faut mettre les accolades pour [formGroup] et pas pour formGroupName ?
Merci

bArraxas
Автор

Vraiment bien ces tutos !
Connais-tu une nouveauté avec angular2 afin de lire/écrire avec des fichiers xlsx ? ou sinon qu'utiliserais-tu ?
Merci.

gesait
Автор

Superbe vidéo comm d'hab ce que j'aimerait bien par la suite c'est que tu explique comment se servir des librairies externes dans une appli angular2 ex chartJs (NPM) avec les types ou pas merci encore continue comme ca

berloule
Автор

Salut. Quelle est la différence entre utiliser un [hidden] ou un ngIf* ? Merci d'avance.

jibuss
Автор

Quelle est la différence entre ngOnInit et un simple Constructeur ?

HumbleDorg
Автор

Tres bon tuto, je suis juste gené par rapport au bruit que tu fais avec ta bouche, desolé

abbes