1
00:00:00,000 --> 00:00:04,790
[MUSIQUE]

2
00:00:04,790 --> 00:00:08,789
Là où il y a une forme, il y a validation juste derrière elle.

3
00:00:08,789 --> 00:00:14,914
Alors, qu'est-ce que le support angulaire pour faire réactif pour la validation ?

4
00:00:14,914 --> 00:00:17,950
C'est ce dont nous parlerons dans cette conférence.

5
00:00:19,738 --> 00:00:28,107
Angular fournit un ensemble de validateurs qui sont inclus avec le module réactif.

6
00:00:28,107 --> 00:00:33,138
Nous avons déjà vu dans t exercice précédent inclure

7
00:00:33,138 --> 00:00:39,390
les validateurs dans notre fichier de contact component.tc.

8
00:00:39,390 --> 00:00:42,530
Comment utilisons-nous cela dans notre application ?

9
00:00:42,530 --> 00:00:48,450
Alors, regardons comment nous pouvons faire la validation de formulaire dans notre application.

10
00:00:48,450 --> 00:00:52,810
Pour utiliser les validateurs construits et que l'angulaire prend en charge pour les formes réactives

11
00:00:52,810 --> 00:00:58,590
, ils incluent les validateurs dans notre fichier de composants.

12
00:00:58,590 --> 00:01:03,330
Et après cela, nous, si nous utilisons le Form Builder

13
00:01:03,330 --> 00:01:07,220
, alors nous pouvons appliquer les validateurs, comme indiqué dans cet exemple.

14
00:01:07,220 --> 00:01:12,730
Donc, pour chacune des propriétés que vous définissez, vous pouvez également définir la valeur de

15
00:01:12,730 --> 00:01:20,020
la propriété sous la forme d'un tableau contenant la valeur initiale + un ensemble de validateurs.

16
00:01:20,020 --> 00:01:24,140
Donc, dans ce cas, j'ai appliqué les validateurs requis pour

17
00:01:24,140 --> 00:01:26,960
tous ces différents éléments ici.

18
00:01:26,960 --> 00:01:29,634
Vous pouvez appliquer plusieurs validateurs.

19
00:01:29,634 --> 00:01:33,600
Vous pouvez les déclarer dans ce tableau ici.

20
00:01:33,600 --> 00:01:39,210
Donc, ici dans cet exemple, vous me voyez appliquer les validateurs requis.

21
00:01:39,210 --> 00:01:42,390
De même, il y a une longueur min, max length d'un validateur,

22
00:01:42,390 --> 00:01:46,300
et d'autres un total disponible en angulaire.

23
00:01:46,300 --> 00:01:51,160
Une fois que vous avez appliqué les validateurs, comment inspecter les propriétés de contrôle de pouce

24
00:01:51,160 --> 00:01:55,470
afin de découvrir s'il y a des erreurs et

25
00:01:55,470 --> 00:02:01,800
pour émettre des commentaires appropriés à l'utilisateur pour lui parler des erreurs ?

26
00:02:01,800 --> 00:02:04,660
Ainsi, vous pouvez inspecter n'importe quelle valeur

27
00:02:04,660 --> 00:02:08,620
dans un contrôle de formulaire en regardant sa propriété comme suit.

28
00:02:08,620 --> 00:02:16,120
Donc, par exemple, si vous devez examiner l'état du contrôle de formulaire de prénom,

29
00:02:16,120 --> 00:02:24,232
alors vous pouvez dire feedbackForm.get qui encode premistname.status ou vous pouvez dire,

30
00:02:24,232 --> 00:02:30,870
feedbackform.get telnum.hasError, puis dire qu'il est nécessaire.

31
00:02:30,870 --> 00:02:33,830
Donc toutes ces choses seront soit vraies, soit fausses.

32
00:02:33,830 --> 00:02:36,560
Selon leurs états actuels.

33
00:02:36,560 --> 00:02:42,230
Donc, en utilisant .value, vous obtenez la valeur du contrôleur de formulaire lui-même.

34
00:02:42,230 --> 00:02:46,257
Donc, vous pouvez dire feedbackForm.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
Et cela retournera la valeur actuelle qui est entrée dans ce contrôle de formulaire.

36
00:02:51,418 --> 00:02:54,790
Ce statut vous donne juste la validité du contrôle de formulaire.

37
00:02:54,790 --> 00:02:59,140
Il peut être valide ou non valide en attente ou désactivé.

38
00:03:00,150 --> 00:03:02,510
De même, vous pouvez vérifier la valeur immaculée.

39
00:03:02,510 --> 00:03:04,530
Vous pouvez soit vérifier si vous êtes immaculé ou

40
00:03:04,530 --> 00:03:09,700
sale, tout comme nous avons utilisé immaculé et sale dans les formulaires précédents.

41
00:03:09,700 --> 00:03:14,370
Similaire à cela, vous pouvez vérifier immaculé et sale pour vérifier si c'est

42
00:03:14,370 --> 00:03:18,689
vrai alors le contrôle de formulaire est soit .immaculé ou .dirty.

43
00:03:18,689 --> 00:03:21,690
Et de même, .untouched et .touched.

44
00:03:21,690 --> 00:03:26,950
La valeur intacte et touchée sera vraie si l'utilisateur n'a pas encore saisi

45
00:03:26,950 --> 00:03:33,815
de valeur HTML dans le contrôle HTML et déclenche son événement de flou.

46
00:03:33,815 --> 00:03:39,491
Donc, ce qui signifie que vous avez entré la valeur, puis laissez cela pour que

47
00:03:39,491 --> 00:03:43,197
le intact ou touché soit défini sur true ou false.

48
00:03:43,197 --> 00:03:48,187
Nous verrons l'utilisation de ceux-ci dans l'exercice qui suit où nous

49
00:03:48,187 --> 00:03:52,992
utiliserons ces validateurs et inspecterons également les contrôles de formulaire

50
00:03:52,992 --> 00:03:57,721
afin de décider s'il y a des erreurs dans notre pensée.

51
00:03:57,721 --> 00:04:03,459
[MUSIQUE]