miércoles, 23 de enero de 2019

Angular: 44. Formularios. Detectar cambios en el calor de un campo o en el estado del formulario

Vamos a ver cómo detectar cambios en los campos de nuestro formulario.

Siguiendo con la aplicación anterior, vamos a hacer que se ejecute una función cada vez que el campo "username" cambie de valor. Adicionalmente, vamos a lanzar una función cada vez que cambie el estado del formulario. Para ello, introducimos lo siguiente en el constructor de nuestro componente:


Como se puede ver, hemos suscrito al campo "username" una función que se ejecuta cada vez que el campo cambie de valor, y que muestra por la consola el valor del campo.
También le hemos suscrito al mismo campo una función que se ejecuta cada vez que el dormulario cambie de estado.

Ahora arrancamos la aplicación. Si escribimos "hola" en el campo "username", podemos comprobar en la consola que se va lanzando la función cada vez que cambia el valor del campo. También va cambiando el valor del estado del formulario a medida que vamos escribiendo:


Y eso es todo.

No hay comentarios:

Publicar un comentario