Angular forms - access FormArray in child component template

Question

I have a component that takes several FormControls and FormArrays as inputs. I\'m accessing the FormControls from the child component like

Answer 1

Update there was a type error, jsut corrected

You can use a FormArray like a FormGroup, but be carefully with the "notation", if normally we use [formGroup]="i", now we use [formGroup]="group".

It's only think about what is myFormArray.controls

  

    
    
Prop1 Required
    
    
Prop2 Required
  


myFormArray=new FormArray([
    new FormGroup({
      prop1:new FormControl('',Validators.required),
      prop2:new FormControl('',Validators.required)
    })
  ])

If your formArray is a FormArray of controls use directly formControl

  

    
    
Required
  


myFormArray2=new FormArray([
    new FormControl('',Validators.required),
    new FormControl('',Validators.required)
  ])

See in stackblitz