getting controls inside nested formArray

Question

I was how wondering how to get controls inside a nested formArray. I initialized this form

 ngOnInit(): void {
     this.surveyForm = this.formBuilder.group({
       'surveyTitle': [null],
       'surveyDescription': new FormControl(null),
       'questionsDetail': this.formBuilder.array([
         this.formBuilder.group({
          'questionType': new FormControl('mcq'),
           'question': new FormControl(null),
           'choices': this.formBuilder.array([])
         })
       ])
     });

but when i try to access the controls of my choices formArray, I get an error. I used this code

get questionsDetailcontrols() {
    return (this.surveyForm.get('questionsDetail') as FormArray).controls;
  }
  get choicesControl()
  {
    return (this.questionsDetailcontrols.get('choices') as FormArray).controls;
  }

I get an error at get('choices') stating that "Property 'get' does not exist on type 'AbstractControl[]'". Can someone show me how to access a controls inside a nester array.

Thanks in Advance

N.F. · Accepted Answer · 2020-11-25 03:44:00Z

2

Try this.

  get questionsDetailcontrols() {
    return this.surveyForm.get('questionsDetail') as FormArray;
  }

  getChoicesControl(index: number)
  {
        return (this.questionsDetailcontrols.at(index).get('choices') as FormArray).controls;
  }

edited Nov 25, 2020 at 3:44

answered Nov 25, 2020 at 2:09

N.F.

4,2025 gold badges29 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

dbslca Over a year ago

I still get an error. In fact its the same error but pointing at the at().

N.F. Over a year ago

I have updated my answer. It will be ok when removed .controls from questionsDetailcontrols

dbslca Over a year ago

Its working thank you I made some changes though. getchoicesControl(index:number) { return (this.questionsDetailcontrols.at(index).get('choices') as FormArray).controls; }

BDB Over a year ago

How come a getter, choicesControl, is accepting a parameter here?

dbslca Over a year ago

its not a getter but a function

Collectives™ on Stack Overflow

getting controls inside nested formArray

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related