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

2
00:00:04,790 --> 00:00:08,789
Donde hay un formado, hay validación justo detrás de él.

3
00:00:08,789 --> 00:00:14,914
Entonces, ¿qué admite angular para hacer reactivo para la validación?

4
00:00:14,914 --> 00:00:17,950
De eso hablaremos en esta conferencia.

5
00:00:19,738 --> 00:00:28,107
Angular proporciona un conjunto de validadores que se incluyen junto con el módulo reactivo.

6
00:00:28,107 --> 00:00:33,138
Ya hemos visto en t ejercicio anterior incluido

7
00:00:33,138 --> 00:00:39,390
los validadores en nuestro archivo component.tc de contacto.

8
00:00:39,390 --> 00:00:42,530
¿Cómo hacemos uso de eso dentro de nuestra aplicación?

9
00:00:42,530 --> 00:00:48,450
Por lo tanto, echemos un vistazo a cómo podemos hacer la validación de formularios dentro de nuestra aplicación.

10
00:00:48,450 --> 00:00:52,810
Para usar los validadores construidos y que angular soporta formas reactivas

11
00:00:52,810 --> 00:00:58,590
, incluyen los validadores en nuestro archivo de componentes.

12
00:00:58,590 --> 00:01:03,330
Y luego, después de eso, si estamos utilizando el Form Builder

13
00:01:03,330 --> 00:01:07,220
entonces podemos aplicar los validadores, como se muestra en este ejemplo.

14
00:01:07,220 --> 00:01:12,730
Así que para cada una de las propiedades que defina, también puede definir el valor de

15
00:01:12,730 --> 00:01:20,020
la propiedad como una matriz que contiene el valor inicial + un conjunto de validadores.

16
00:01:20,020 --> 00:01:24,140
Entonces, en este caso, he aplicado los validadores requeridos para

17
00:01:24,140 --> 00:01:26,960
todos estos diferentes elementos aquí.

18
00:01:26,960 --> 00:01:29,634
Puede aplicar más de un validador.

19
00:01:29,634 --> 00:01:33,600
Puede declararlos como parte de esta matriz aquí.

20
00:01:33,600 --> 00:01:39,210
Así que aquí en este ejemplo, me ves aplicando los validadores requeridos.

21
00:01:39,210 --> 00:01:42,390
Del mismo modo, hay una longitud mínima de un validador, longitud máxima,

22
00:01:42,390 --> 00:01:46,300
y otros un total disponible en angular.

23
00:01:46,300 --> 00:01:51,160
Una vez que aplique los validadores, ¿cómo inspeccionamos las propiedades

24
00:01:51,160 --> 00:01:55,470
del control de pulgar para descubrir si hay errores y

25
00:01:55,470 --> 00:02:01,800
para enviar comentarios apropiados al usuario para contarles acerca de los errores?

26
00:02:01,800 --> 00:02:04,660
Así que puede inspeccionar cualquier valor

27
00:02:04,660 --> 00:02:08,620
dentro de un control de formulario mirando su propiedad de la siguiente manera.

28
00:02:08,620 --> 00:02:16,120
Así que, por ejemplo, si tiene que examinar el estado del control de formulario de nombre,

29
00:02:16,120 --> 00:02:24,232
, entonces puede decir feedbackForm.Get que codifica firstname.status o puede decir,

30
00:02:24,232 --> 00:02:30,870
feedbackForm.Get telnum.hasError y luego decir que es necesario.

31
00:02:30,870 --> 00:02:33,830
Así que todo esto será verdadero o falso.

32
00:02:33,830 --> 00:02:36,560
Dependiendo de sus estados actuales.

33
00:02:36,560 --> 00:02:42,230
Entonces, al usar .value obtienes el valor del controlador de formulario en sí.

34
00:02:42,230 --> 00:02:46,257
Entonces puedes decir feedbackForm.get ('firstname') .value.

35
00:02:46,257 --> 00:02:51,418
Y eso devolverá el valor actual que se ingresa en ese control de formulario.

36
00:02:51,418 --> 00:02:54,790
Ese estado solo le da la validez del control de formulario.

37
00:02:54,790 --> 00:02:59,140
Podría ser válido o no válido pendiente o deshabilitado.

38
00:03:00,150 --> 00:03:02,510
Del mismo modo, puede verificar el valor prístino.

39
00:03:02,510 --> 00:03:04,530
Puede verificar si hay prístina o

40
00:03:04,530 --> 00:03:09,700
sucio, al igual que usamos prístina y sucia en los formularios de plantilla anteriores.

41
00:03:09,700 --> 00:03:14,370
Similar a eso, puede verificar prístina y sucia para verificar si es

42
00:03:14,370 --> 00:03:18,689
verdadero, entonces el control de formulario es .prístina o .dirty.

43
00:03:18,689 --> 00:03:21,690
Y de manera similar, .intacto y .tocado.

44
00:03:21,690 --> 00:03:26,950
Lo intacto y tocado será verdadero si el usuario aún no ha introducido

45
00:03:26,950 --> 00:03:33,815
un valor HTML en el control HTML y activa su evento de desenfoque.

46
00:03:33,815 --> 00:03:39,491
Entonces, lo que significa que ha ingresado el valor, y luego lo deja para que

47
00:03:39,491 --> 00:03:43,197
lo intacto o tocado se establezca en verdadero o falso.

48
00:03:43,197 --> 00:03:48,187
Veremos el uso de estos en el ejercicio que sigue donde

49
00:03:48,187 --> 00:03:52,992
usaremos estos validadores y también inspeccionaremos los controles de formulario

50
00:03:52,992 --> 00:03:57,721
con el fin de decidir si hay errores en nuestro pensamiento.

51
00:03:57,721 --> 00:04:03,459
[MÚSICA]