[MUSICA]
Dove c'è un formato c'è una convalida proprio dietro di esso.
Quindi cosa supporta angolare per fare reattivo per la convalida?
Questo è quello di cui parleremo in questa lezione.
Angular fornisce una serie di validatori che sono inclusi insieme al modulo reattivo.
Abbiamo già visto in t precedente esercizio incluso
i validatori nel nostro file di contatto component.tc.
Come facciamo a utilizzarlo all'interno della nostra applicazione?
Quindi, diamo uno sguardo a come possiamo fare la convalida del modulo all'interno della nostra applicazione.
Per utilizzare i validatori costruiti e che angolari supporta per i
moduli reattivi, essi includono i validatori nel nostro file componente.
E poi dopo che noi, se stiamo usando il Form Builder
allora possiamo applicare i validatori, come mostrato in questo esempio.
Quindi, per ciascuna delle proprietà definite, è anche possibile definire il valore per
la proprietà come una matrice contenente il valore iniziale+un insieme di validatori.
Quindi in questo caso ho applicato i validatori richiesti per
tutti questi diversi elementi qui.
È possibile applicare più di un validatore.
Puoi dichiararli come parte di questo array qui.
Quindi qui in questo esempio, mi vedi applicare i validatori richiesti.
Allo stesso modo, c'è la lunghezza minima, la lunghezza massima di un validatore
e altri un totale disponibile in angolare.
Una volta applicati i validatori, come ispezioniamo le
proprietà del controllo del pollice per scoprire se ci sono errori e
per raccogliere un feedback appropriato all'utente per dirgli degli errori?
In questo modo è possibile esaminare qualsiasi valore
all'interno di un controllo modulo esaminando la sua proprietà come segue.
Quindi, per esempio, se si deve esaminare lo stato del controllo modulo nome,
allora si può dire feedbackform.get che codifica firstname.status o si può dire,
feedbackform.get telnum.hasError e poi dire che richiesto.
Quindi tutti questi saranno veritieri o falsi.
A seconda dei loro stati attuali.
Quindi usando .value ottieni il valore del controller del modulo stesso.
Quindi puoi dire feedbackform.get ('firstname') .value.
E questo restituirà il valore corrente che viene inserito in quel controllo modulo.
Questo stato ti dà solo la validità del controllo modulo.
Potrebbe essere valido o non valido in sospeso o disabilitato.
Allo stesso modo, puoi verificare il valore incontaminato.
Puoi controllare la presenza di incontaminati o
sporchi, proprio come abbiamo usato incontaminati e sporchi nei moduli modello precedenti.
Simile a questo, puoi controllare incontaminato e sporco per verificare se è
vero, quindi il controllo del modulo è .pristine o .dirty.
E allo stesso modo, .intatto e .toccato.
L' intatto e toccato sarà vero se l'utente non ha ancora
immesso un valore HTML nel controllo HTML e attiva il suo evento di sfocatura.
Quindi il che significa che hai inserito il valore, e quindi lascialo in modo che
l'intatto o toccato sia impostato su true o false.
Vedremo l'uso di questi nell'esercizio che segue dove
useremo questi validatori e anche ispezionare i controlli del modulo
per decidere se ci sono errori nel nostro pensiero.
[ MUSIC]