1
00:00:00,150 --> 00:00:01,920
Continuamos y ya estamos casi listos.

2
00:00:02,010 --> 00:00:07,230
Solamente falta mostrar los mensajes de error que vienen desde el backend, el servidor en nuestra plantilla

3
00:00:07,320 --> 00:00:08,010
del formulario.

4
00:00:08,400 --> 00:00:11,310
Nos vamos a la plantilla a forth component.

5
00:00:11,370 --> 00:00:15,810
HTML y acá arriba tenemos que tener un contenedor.

6
00:00:15,890 --> 00:00:16,830
Quiero hacer una lista.

7
00:00:16,890 --> 00:00:17,850
Un uele li.

8
00:00:20,770 --> 00:00:22,990
Entonces, por cada error vamos a tener un link.

9
00:00:23,020 --> 00:00:26,430
Por lo tanto, tenemos que utilizar acá un en Gifford.

10
00:00:28,550 --> 00:00:35,240
Le podemos colocar, por ejemplo, error o er como queramos y la lista sería Errores, que es la que

11
00:00:35,240 --> 00:00:38,120
tenemos definida en la clase for component.

12
00:00:38,450 --> 00:00:40,060
Acá tenemos el error.

13
00:00:40,160 --> 00:00:43,310
Un arreglo de string de errores.

14
00:00:43,340 --> 00:00:43,940
Perfecto.

15
00:00:44,210 --> 00:00:47,600
Entonces, por cada error tenemos que mostrar el valor.

16
00:00:49,970 --> 00:00:54,530
Quizás podríamos colocar algún estilo de vostra, por ejemplo, un alert danger

17
00:00:58,010 --> 00:01:01,760
bien, pero sería correcto mostrar, mostrar siempre los errores.

18
00:01:01,820 --> 00:01:03,110
Por qué si no estamos paleando?

19
00:01:03,170 --> 00:01:04,490
No tenemos ningún mensaje error.

20
00:01:04,580 --> 00:01:10,970
Entonces tenemos que validar que efectivamente existan los errores en el atributo, errores que tenemos

21
00:01:11,060 --> 00:01:13,520
en el componente, en el componente formulario.

22
00:01:14,090 --> 00:01:21,320
Lo podemos validar con un GIF y acá simplemente con el nombre de la variable errores.

23
00:01:22,490 --> 00:01:28,790
Preguntamos primero si existe la instancia, si existe, entonces invocamos el atributo length.

24
00:01:29,660 --> 00:01:30,830
Tienes que ser mayor que cero.

25
00:01:30,890 --> 00:01:35,270
Por lo tanto, estamos validando que existan elementos dentro de errores.

26
00:01:35,300 --> 00:01:36,080
Si existen.

27
00:01:36,260 --> 00:01:37,880
Entonces lo vamos a mostrar.

28
00:01:37,970 --> 00:01:39,140
Mostramos los mensajes de error.

29
00:01:39,380 --> 00:01:40,430
Esto sería lo primero.

30
00:01:40,580 --> 00:01:45,380
Lo segundo que importante es deshabilitar la validación por el lado de angulas.

31
00:01:45,410 --> 00:01:48,160
Por lo tanto, tenemos que quitar los recayera en Milenka.

32
00:01:48,380 --> 00:01:53,540
El validador del email todo lo que sea validación por el lado del cliente, por el lado de Angular.

33
00:01:53,630 --> 00:02:00,020
Vamos a cortar y para que no lo perdamos, lo podríamos dejar comentado con un comentario HTML.

34
00:02:01,520 --> 00:02:05,180
Un simple comentario html lo cortamos acá.

35
00:02:05,270 --> 00:02:06,350
Exactamente lo mismo.

36
00:02:06,440 --> 00:02:13,610
El recayera podríamos copiar, vamos a quitar el recayeron y acá solamente dejamos el rico ayer en el

37
00:02:13,610 --> 00:02:14,110
comentario.

38
00:02:14,960 --> 00:02:22,760
Y lo mismo en Nimoy quitamos el recuas ayer el email también lo quitamos y lo dejamos comentado solamente

39
00:02:22,760 --> 00:02:24,650
como respaldo para que lo tengan bien.

40
00:02:24,740 --> 00:02:25,280
Guardamos.

41
00:02:25,370 --> 00:02:29,160
No hay nada más que hacer, solo tenemos que levantar nuestro proyecto.

42
00:02:29,210 --> 00:02:31,160
Pero recuerden primero levantar el Bakker.

43
00:02:31,220 --> 00:02:32,360
Yo ya lo tengo levantado.

44
00:02:32,450 --> 00:02:34,880
Yo ya tengo arriba el API con Spring.

45
00:02:39,780 --> 00:02:44,520
Perfecto, y una vez que tenga lantado el backend y el frontend de Angular, nos vamos a ir a crear

46
00:02:44,520 --> 00:02:50,130
cliente al formulario F12 para habilitar la consola para que nos muestre los errores.

47
00:02:50,220 --> 00:02:50,610
Perfecto.

48
00:02:50,640 --> 00:02:53,970
Crear y aparece los mensaje de error y aparece en inglés.

49
00:02:54,060 --> 00:02:55,170
No puede ser vacío.

50
00:02:55,260 --> 00:02:58,650
Lo mismo el email, lo mismo el nombre.

51
00:02:58,710 --> 00:03:05,610
Entonces, por ejemplo an crear ahora dice que el nombre tiene que tener un tamaño entre 4 y 12 caracteres.

52
00:03:07,910 --> 00:03:08,480
Perfecto.

53
00:03:08,540 --> 00:03:11,540
Ahora falta el apellido y el email, el email.

54
00:03:11,600 --> 00:03:15,170
Podemos colocar, por ejemplo, cualquier cosa.

55
00:03:15,260 --> 00:03:19,390
Hay error de que está mal formateado crear.

56
00:03:19,490 --> 00:03:22,410
Solamente falta trapillo y podemos enviar.

57
00:03:22,460 --> 00:03:24,440
Pero antes de enviar vemos la consola.

58
00:03:24,530 --> 00:03:30,200
Acá nos muestra primero que ha ocurrido un error 400 por el lado del servidor y acá estamos mostrando

59
00:03:30,290 --> 00:03:36,170
el código error desde el bug en 400 que lo mostramos en el suscrip cuando manejamos el error y también

60
00:03:36,170 --> 00:03:41,510
estamos imprimiendo en la consola el arreglo con todos los campos, con todos los mensajes de error

61
00:03:41,570 --> 00:03:42,320
de los campos.

62
00:03:43,410 --> 00:03:46,560
Justamente lo que estamos mostrando en la lista acá arriba.

63
00:03:46,920 --> 00:03:47,490
Crear.

64
00:03:49,790 --> 00:03:51,560
Vale, bien, ahora, por qué está en inglés?

65
00:03:51,590 --> 00:03:53,480
Porque es Spring de forma automática.

66
00:03:53,570 --> 00:03:56,570
Maneja el local y todo mensaje de formulario.

67
00:03:56,660 --> 00:03:59,840
Los mensajes de rol propio de framework están en multi lenguaje.

68
00:03:59,870 --> 00:04:05,750
Entonces, de acuerdo, lo que tengamos configurado en nuestra máquina y en nuestro navegador va a mostrar

69
00:04:05,840 --> 00:04:08,690
en inglés o en español, o en cualquier otro idioma.

70
00:04:08,780 --> 00:04:11,780
De todas formas, podemos implementar sistema multi lenguaje en Spring.

71
00:04:11,880 --> 00:04:17,720
Incluso podríamos cambiar el texto del mensaje del mensaje de error en las anotaciones en la clase sentit.

72
00:04:17,780 --> 00:04:19,760
Y eso es lo que vamos a ver la próxima clase.

73
00:04:19,790 --> 00:04:20,690
Cómo customizar?

74
00:04:20,690 --> 00:04:23,390
Cómo cambiar nuestro mensajes de error?

75
00:04:23,450 --> 00:04:29,750
Si se recuerdan cuando lo probamos con Postman aparecía en español y es porque el local que está configurado

76
00:04:29,840 --> 00:04:32,230
en Postman está en lenguaje de España.

77
00:04:32,430 --> 00:04:37,400
Ese es, mientras que acá en el navegador tengo configurado inglés por defecto.

78
00:04:37,490 --> 00:04:38,470
Eso es sin más.

79
00:04:38,480 --> 00:04:39,380
Quedabamos hasta acá.

80
00:04:39,440 --> 00:04:41,720
Cualquier duda pregunta en el foro.

81
00:04:41,810 --> 00:04:42,440
Nos vemos.