[MUSIQUE]
Là où il y a une forme, il y a validation juste derrière elle.
Alors, qu'est-ce que le support angulaire pour faire réactif pour la validation ?
C'est ce dont nous parlerons dans cette conférence.
Angular fournit un ensemble de validateurs qui sont inclus avec le module réactif.
Nous avons déjà vu dans t exercice précédent inclure
les validateurs dans notre fichier de contact component.tc.
Comment utilisons-nous cela dans notre application ?
Alors, regardons comment nous pouvons faire la validation de formulaire dans notre application.
Pour utiliser les validateurs construits et que l'angulaire prend en charge pour les formes réactives
, ils incluent les validateurs dans notre fichier de composants.
Et après cela, nous, si nous utilisons le Form Builder
, alors nous pouvons appliquer les validateurs, comme indiqué dans cet exemple.
Donc, pour chacune des propriétés que vous définissez, vous pouvez également définir la valeur de
la propriété sous la forme d'un tableau contenant la valeur initiale + un ensemble de validateurs.
Donc, dans ce cas, j'ai appliqué les validateurs requis pour
tous ces différents éléments ici.
Vous pouvez appliquer plusieurs validateurs.
Vous pouvez les déclarer dans ce tableau ici.
Donc, ici dans cet exemple, vous me voyez appliquer les validateurs requis.
De même, il y a une longueur min, max length d'un validateur,
et d'autres un total disponible en angulaire.
Une fois que vous avez appliqué les validateurs, comment inspecter les propriétés de contrôle de pouce
afin de découvrir s'il y a des erreurs et
pour émettre des commentaires appropriés à l'utilisateur pour lui parler des erreurs ?
Ainsi, vous pouvez inspecter n'importe quelle valeur
dans un contrôle de formulaire en regardant sa propriété comme suit.
Donc, par exemple, si vous devez examiner l'état du contrôle de formulaire de prénom,
alors vous pouvez dire feedbackForm.get qui encode premistname.status ou vous pouvez dire,
feedbackform.get telnum.hasError, puis dire qu'il est nécessaire.
Donc toutes ces choses seront soit vraies, soit fausses.
Selon leurs états actuels.
Donc, en utilisant .value, vous obtenez la valeur du contrôleur de formulaire lui-même.
Donc, vous pouvez dire feedbackForm.get ('firstname') .value.
Et cela retournera la valeur actuelle qui est entrée dans ce contrôle de formulaire.
Ce statut vous donne juste la validité du contrôle de formulaire.
Il peut être valide ou non valide en attente ou désactivé.
De même, vous pouvez vérifier la valeur immaculée.
Vous pouvez soit vérifier si vous êtes immaculé ou
sale, tout comme nous avons utilisé immaculé et sale dans les formulaires précédents.
Similaire à cela, vous pouvez vérifier immaculé et sale pour vérifier si c'est
vrai alors le contrôle de formulaire est soit .immaculé ou .dirty.
Et de même, .untouched et .touched.
La valeur intacte et touchée sera vraie si l'utilisateur n'a pas encore saisi
de valeur HTML dans le contrôle HTML et déclenche son événement de flou.
Donc, ce qui signifie que vous avez entré la valeur, puis laissez cela pour que
le intact ou touché soit défini sur true ou false.
Nous verrons l'utilisation de ceux-ci dans l'exercice qui suit où nous
utiliserons ces validateurs et inspecterons également les contrôles de formulaire
afin de décider s'il y a des erreurs dans notre pensée.
[MUSIQUE]