Ya no tienes que buscar más por todo internet ya que has llegado al sitio justo, contamos con la respuesta que necesitas recibir sin problemas.
Solución:
En app.module.ts
añado ReactiveFormsModule
en mi imports
sección. Recuerda importarlo en la parte superior como: import ReactiveFormsModule from '@angular/forms
.
En tus app.component.ts
tienes que definir FormGroup
instancia e inicializar/registrar a través de ngOnInit
método de la siguiente manera:
import FormGroup, FormControl from '@angular/forms'; //imports
.......................................................................
myForm:FormGroup;
ngOnInit()
this.myForm = new FormGroup(
'name':new FormControl(null), //note, can have up to 3 Constructor Params: default value, validators, AsyncValidators
'email':new FormControl(null,Validators.email)
)
A continuación, vincular formulario a la FormGroup
ejemplo myForm
:
Tenga en cuenta que name
y email
son controles en la forma que necesita enlace usando formControlName
:
tienes que importar ambos,
import FormsModule from '@angular/forms';
en su archivo module.ts correspondiente. eso funcionó para mí.
import ReactiveFormsModule from '@angular/forms';
En su código formGroup falta probar esto: