How to set formControl value dynamically in formGroup using angular?

Question

BuildCustomFields(formControl, formControlValue): FormGroup {
    return this.fb.group({      
      formControl: new FormControl(formControlValue),
    })
  }

I need to add formControl Value from parameter which I pass in BuildCustomFields() method. How can pass the value of formControl dynamically?

It always takes this text "formControl" as key instead of using value which I am passing to it.

Salmin Skenderovic · Accepted Answer · 2021-12-08 22:08:06Z

1

If you want formControl to be your dynamic key, you need to pass reference it within [] otherwise you get the value of it

BuildCustomFields(formControl, formControlValue): FormGroup {
debugger
return this.fb.group({
  
 [formControl]: new FormControl(formControlValue),
})

edited Dec 8, 2021 at 22:08

answered Dec 15, 2020 at 14:21

Salmin Skenderovic

1,73010 silver badges24 bronze badges

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

2 Comments

Asjad Ali Over a year ago

Thanks @Salmin Skenderovic Its working but when I give dynamic key it says "Component.html:715 ERROR Error: Cannot find control with path: 'customFieldArray -> 0 -> Matter Value'" When I give static value it works fine. Can you please tell me why it is throwing this error?

Asjad Ali Over a year ago

I have updated my question can you please have a look at html code I am giving formControlName with interpolation when I give formControl in BuildCustomFields() with static way it works fine but in dynamic way its giving this error.

Collectives™ on Stack Overflow

How to set formControl value dynamically in formGroup using angular?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related