Continuamos y ya estamos casi listos.
Solamente falta mostrar los mensajes de error que vienen desde el backend, el servidor en nuestra plantilla
del formulario.
Nos vamos a la plantilla a forth component.
HTML y acá arriba tenemos que tener un contenedor.
Quiero hacer una lista.
Un uele li.
Entonces, por cada error vamos a tener un link.
Por lo tanto, tenemos que utilizar acá un en Gifford.
Le podemos colocar, por ejemplo, error o er como queramos y la lista sería Errores, que es la que
tenemos definida en la clase for component.
Acá tenemos el error.
Un arreglo de string de errores.
Perfecto.
Entonces, por cada error tenemos que mostrar el valor.
Quizás podríamos colocar algún estilo de vostra, por ejemplo, un alert danger
bien, pero sería correcto mostrar, mostrar siempre los errores.
Por qué si no estamos paleando?
No tenemos ningún mensaje error.
Entonces tenemos que validar que efectivamente existan los errores en el atributo, errores que tenemos
en el componente, en el componente formulario.
Lo podemos validar con un GIF y acá simplemente con el nombre de la variable errores.
Preguntamos primero si existe la instancia, si existe, entonces invocamos el atributo length.
Tienes que ser mayor que cero.
Por lo tanto, estamos validando que existan elementos dentro de errores.
Si existen.
Entonces lo vamos a mostrar.
Mostramos los mensajes de error.
Esto sería lo primero.
Lo segundo que importante es deshabilitar la validación por el lado de angulas.
Por lo tanto, tenemos que quitar los recayera en Milenka.
El validador del email todo lo que sea validación por el lado del cliente, por el lado de Angular.
Vamos a cortar y para que no lo perdamos, lo podríamos dejar comentado con un comentario HTML.
Un simple comentario html lo cortamos acá.
Exactamente lo mismo.
El recayera podríamos copiar, vamos a quitar el recayeron y acá solamente dejamos el rico ayer en el
comentario.
Y lo mismo en Nimoy quitamos el recuas ayer el email también lo quitamos y lo dejamos comentado solamente
como respaldo para que lo tengan bien.
Guardamos.
No hay nada más que hacer, solo tenemos que levantar nuestro proyecto.
Pero recuerden primero levantar el Bakker.
Yo ya lo tengo levantado.
Yo ya tengo arriba el API con Spring.
Perfecto, y una vez que tenga lantado el backend y el frontend de Angular, nos vamos a ir a crear
cliente al formulario F12 para habilitar la consola para que nos muestre los errores.
Perfecto.
Crear y aparece los mensaje de error y aparece en inglés.
No puede ser vacío.
Lo mismo el email, lo mismo el nombre.
Entonces, por ejemplo an crear ahora dice que el nombre tiene que tener un tamaño entre 4 y 12 caracteres.
Perfecto.
Ahora falta el apellido y el email, el email.
Podemos colocar, por ejemplo, cualquier cosa.
Hay error de que está mal formateado crear.
Solamente falta trapillo y podemos enviar.
Pero antes de enviar vemos la consola.
Acá nos muestra primero que ha ocurrido un error 400 por el lado del servidor y acá estamos mostrando
el código error desde el bug en 400 que lo mostramos en el suscrip cuando manejamos el error y también
estamos imprimiendo en la consola el arreglo con todos los campos, con todos los mensajes de error
de los campos.
Justamente lo que estamos mostrando en la lista acá arriba.
Crear.
Vale, bien, ahora, por qué está en inglés?
Porque es Spring de forma automática.
Maneja el local y todo mensaje de formulario.
Los mensajes de rol propio de framework están en multi lenguaje.
Entonces, de acuerdo, lo que tengamos configurado en nuestra máquina y en nuestro navegador va a mostrar
en inglés o en español, o en cualquier otro idioma.
De todas formas, podemos implementar sistema multi lenguaje en Spring.
Incluso podríamos cambiar el texto del mensaje del mensaje de error en las anotaciones en la clase sentit.
Y eso es lo que vamos a ver la próxima clase.
Cómo customizar?
Cómo cambiar nuestro mensajes de error?
Si se recuerdan cuando lo probamos con Postman aparecía en español y es porque el local que está configurado
en Postman está en lenguaje de España.
Ese es, mientras que acá en el navegador tengo configurado inglés por defecto.
Eso es sin más.
Quedabamos hasta acá.
Cualquier duda pregunta en el foro.
Nos vemos.