Angular: 37. Formularios. Enlazando los campos de html con el formulario del componente

Vamos a ver cómo conectar los campos de texto del formulario html con los campos del objeto formulario que maneja el componente.

Partiendo de la aplicación de la entrada anterior, añadimos un nuevo atributo "formControlName" al campo de texto del nombre, y le damos el valor "nombre":

Con esto, estamos conectando el valor del campo de texto con el atributo "nombre" del objeto "formulario" del componente:

Así, lo que escribamos en el campo de texto pasará a ser el valor de ése atributo en el formulario.

Hacemos lo mismo para los campos del apellido y el correo, arrancamos la aplicación, y comprobamos que lo que escribimos en las cajas de texto es lo que se manda con el formulario al pulsar el botón de guardar:

Y eso es todo.