Afin de créer un formulaire réactif, un parent FormGroup
est indispensable. Cela FormGroup
peut en outre contenir formControls
, enfant formGroups
ouformArray
FormArray
peut en outre contenir un tableau de formControls
ou un formGroup
lui - même.
Quand devrions-nous utiliser formArray?
Veuillez lire ce bel article qui explique l'utilisation deformArray
L'exemple intéressant de ce blog concerne les voyages formGroup
La structure des voyages formGroup
utilisant formControl
et formArray
ressemblerait à quelque chose comme:
this.tripForm = this.fb.group({
name: [name, Validators.required],
cities: new FormArray(
[0] ---> new FormGroup({
name: new FormControl('', Validators.required),
places: new FormArray(
[0]--> new FormGroup({
name: new FormControl('', Validators.required),
}),
[1]--> new FormGroup({
name: new FormControl('', Validators.required),
})
)
}),
[1] ---> new FormGroup({
name: new FormControl('', Validators.required),
places: new FormArray(
[0]--> new FormGroup({
name: new FormControl('', Validators.required),
}),
[1]--> new FormGroup({
name: new FormControl('', Validators.required),
})
)
}))
})
N'oubliez pas de jouer avec cette DEMO , et notez l'utilisation du tableau pour cities
et places
d'un voyage.