[MUSIC]
Donde hay un formado, hay validación justo detrás de él.
Entonces, ¿qué admite angular para hacer reactivo para la validación?
De eso hablaremos en esta conferencia.
Angular proporciona un conjunto de validadores que se incluyen junto con el módulo reactivo.
Ya hemos visto en t ejercicio anterior incluido
los validadores en nuestro archivo component.tc de contacto.
¿Cómo hacemos uso de eso dentro de nuestra aplicación?
Por lo tanto, echemos un vistazo a cómo podemos hacer la validación de formularios dentro de nuestra aplicación.
Para usar los validadores construidos y que angular soporta formas reactivas
, incluyen los validadores en nuestro archivo de componentes.
Y luego, después de eso, si estamos utilizando el Form Builder
entonces podemos aplicar los validadores, como se muestra en este ejemplo.
Así que para cada una de las propiedades que defina, también puede definir el valor de
la propiedad como una matriz que contiene el valor inicial + un conjunto de validadores.
Entonces, en este caso, he aplicado los validadores requeridos para
todos estos diferentes elementos aquí.
Puede aplicar más de un validador.
Puede declararlos como parte de esta matriz aquí.
Así que aquí en este ejemplo, me ves aplicando los validadores requeridos.
Del mismo modo, hay una longitud mínima de un validador, longitud máxima,
y otros un total disponible en angular.
Una vez que aplique los validadores, ¿cómo inspeccionamos las propiedades
del control de pulgar para descubrir si hay errores y
para enviar comentarios apropiados al usuario para contarles acerca de los errores?
Así que puede inspeccionar cualquier valor
dentro de un control de formulario mirando su propiedad de la siguiente manera.
Así que, por ejemplo, si tiene que examinar el estado del control de formulario de nombre,
, entonces puede decir feedbackForm.Get que codifica firstname.status o puede decir,
feedbackForm.Get telnum.hasError y luego decir que es necesario.
Así que todo esto será verdadero o falso.
Dependiendo de sus estados actuales.
Entonces, al usar .value obtienes el valor del controlador de formulario en sí.
Entonces puedes decir feedbackForm.get ('firstname') .value.
Y eso devolverá el valor actual que se ingresa en ese control de formulario.
Ese estado solo le da la validez del control de formulario.
Podría ser válido o no válido pendiente o deshabilitado.
Del mismo modo, puede verificar el valor prístino.
Puede verificar si hay prístina o
sucio, al igual que usamos prístina y sucia en los formularios de plantilla anteriores.
Similar a eso, puede verificar prístina y sucia para verificar si es
verdadero, entonces el control de formulario es .prístina o .dirty.
Y de manera similar, .intacto y .tocado.
Lo intacto y tocado será verdadero si el usuario aún no ha introducido
un valor HTML en el control HTML y activa su evento de desenfoque.
Entonces, lo que significa que ha ingresado el valor, y luego lo deja para que
lo intacto o tocado se establezca en verdadero o falso.
Veremos el uso de estos en el ejercicio que sigue donde
usaremos estos validadores y también inspeccionaremos los controles de formulario
con el fin de decidir si hay errores en nuestro pensamiento.
[MÚSICA]