Formulario<->Propiedades, 2-way binding (comunicación bidireccional)

Se ha optado por llevar a cabo una valoración de los datos del formulario de alta de películas, antes de proceder a añadir el registro.

Por otra parte, las llamadas a los servicios son mucho más intuitivas si se le pasan las propiedades almacenadas en el componente.

Por ello, se ha creado dicho formulario para que cualquiera de los campos, cuando se modifique por parte del usuario, automáticamente cambie las respectivas propiedades. De la misma forma, cualquier cambio en las propiedades, por ejemplo el borrado tras dar de alta una película, automáticamente también se verá reflejado en los campos del formulario.

Para ello, tenemos que proceder de la siguiente forma:

  • En app.module.ts, tenemos que importar: import { FormsModule } from ‘@angular/forms’;
  • En la sección correspondiente de «importe», tenemos que añadir de igual forma «FormsModule»
  • Cada campo tendrá un modificador como: [(ngModel]=»this.titulo», donde «titulo» es el nombre de la propiedad dentro del componente

De esta forma, las funciones podrán actuar sobre los campos del formulario, a través de su comunicación alterando las propiedades. No necesitamos entonces recurrir a capturar eventos del formulario.