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

2
00:00:04,790 --> 00:00:08,789
Dove c'è un formato c'è una convalida proprio dietro di esso.

3
00:00:08,789 --> 00:00:14,914
Quindi cosa supporta angolare per fare reattivo per la convalida?

4
00:00:14,914 --> 00:00:17,950
Questo è quello di cui parleremo in questa lezione.

5
00:00:19,738 --> 00:00:28,107
Angular fornisce una serie di validatori che sono inclusi insieme al modulo reattivo.

6
00:00:28,107 --> 00:00:33,138
Abbiamo già visto in t precedente esercizio incluso

7
00:00:33,138 --> 00:00:39,390
i validatori nel nostro file di contatto component.tc.

8
00:00:39,390 --> 00:00:42,530
Come facciamo a utilizzarlo all'interno della nostra applicazione?

9
00:00:42,530 --> 00:00:48,450
Quindi, diamo uno sguardo a come possiamo fare la convalida del modulo all'interno della nostra applicazione.

10
00:00:48,450 --> 00:00:52,810
Per utilizzare i validatori costruiti e che angolari supporta per i

11
00:00:52,810 --> 00:00:58,590
moduli reattivi, essi includono i validatori nel nostro file componente.

12
00:00:58,590 --> 00:01:03,330
E poi dopo che noi, se stiamo usando il Form Builder

13
00:01:03,330 --> 00:01:07,220
allora possiamo applicare i validatori, come mostrato in questo esempio.

14
00:01:07,220 --> 00:01:12,730
Quindi, per ciascuna delle proprietà definite, è anche possibile definire il valore per

15
00:01:12,730 --> 00:01:20,020
la proprietà come una matrice contenente il valore iniziale+un insieme di validatori.

16
00:01:20,020 --> 00:01:24,140
Quindi in questo caso ho applicato i validatori richiesti per

17
00:01:24,140 --> 00:01:26,960
tutti questi diversi elementi qui.

18
00:01:26,960 --> 00:01:29,634
È possibile applicare più di un validatore.

19
00:01:29,634 --> 00:01:33,600
Puoi dichiararli come parte di questo array qui.

20
00:01:33,600 --> 00:01:39,210
Quindi qui in questo esempio, mi vedi applicare i validatori richiesti.

21
00:01:39,210 --> 00:01:42,390
Allo stesso modo, c'è la lunghezza minima, la lunghezza massima di un validatore

22
00:01:42,390 --> 00:01:46,300
e altri un totale disponibile in angolare.

23
00:01:46,300 --> 00:01:51,160
Una volta applicati i validatori, come ispezioniamo le

24
00:01:51,160 --> 00:01:55,470
proprietà del controllo del pollice per scoprire se ci sono errori e

25
00:01:55,470 --> 00:02:01,800
per raccogliere un feedback appropriato all'utente per dirgli degli errori?

26
00:02:01,800 --> 00:02:04,660
In questo modo è possibile esaminare qualsiasi valore

27
00:02:04,660 --> 00:02:08,620
all'interno di un controllo modulo esaminando la sua proprietà come segue.

28
00:02:08,620 --> 00:02:16,120
Quindi, per esempio, se si deve esaminare lo stato del controllo modulo nome,

29
00:02:16,120 --> 00:02:24,232
allora si può dire feedbackform.get che codifica firstname.status o si può dire,

30
00:02:24,232 --> 00:02:30,870
feedbackform.get telnum.hasError e poi dire che richiesto.

31
00:02:30,870 --> 00:02:33,830
Quindi tutti questi saranno veritieri o falsi.

32
00:02:33,830 --> 00:02:36,560
A seconda dei loro stati attuali.

33
00:02:36,560 --> 00:02:42,230
Quindi usando .value ottieni il valore del controller del modulo stesso.

34
00:02:42,230 --> 00:02:46,257
Quindi puoi dire feedbackform.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
E questo restituirà il valore corrente che viene inserito in quel controllo modulo.

36
00:02:51,418 --> 00:02:54,790
Questo stato ti dà solo la validità del controllo modulo.

37
00:02:54,790 --> 00:02:59,140
Potrebbe essere valido o non valido in sospeso o disabilitato.

38
00:03:00,150 --> 00:03:02,510
Allo stesso modo, puoi verificare il valore incontaminato.

39
00:03:02,510 --> 00:03:04,530
Puoi controllare la presenza di incontaminati o

40
00:03:04,530 --> 00:03:09,700
sporchi, proprio come abbiamo usato incontaminati e sporchi nei moduli modello precedenti.

41
00:03:09,700 --> 00:03:14,370
Simile a questo, puoi controllare incontaminato e sporco per verificare se è

42
00:03:14,370 --> 00:03:18,689
vero, quindi il controllo del modulo è .pristine o .dirty.

43
00:03:18,689 --> 00:03:21,690
E allo stesso modo, .intatto e .toccato.

44
00:03:21,690 --> 00:03:26,950
L' intatto e toccato sarà vero se l'utente non ha ancora

45
00:03:26,950 --> 00:03:33,815
immesso un valore HTML nel controllo HTML e attiva il suo evento di sfocatura.

46
00:03:33,815 --> 00:03:39,491
Quindi il che significa che hai inserito il valore, e quindi lascialo in modo che

47
00:03:39,491 --> 00:03:43,197
l'intatto o toccato sia impostato su true o false.

48
00:03:43,197 --> 00:03:48,187
Vedremo l'uso di questi nell'esercizio che segue dove

49
00:03:48,187 --> 00:03:52,992
useremo questi validatori e anche ispezionare i controlli del modulo

50
00:03:52,992 --> 00:03:57,721
per decidere se ci sono errori nel nostro pensiero.

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