Disable form control of form array : Angular2

Question

I've created a FormArray with a List of formGroups.

Now, I am trying to disable the control of each formGroup by looping FormArray.

this.otcDocumentTrackerForm.controls.forEach(s => {
  s.controls["isNotApproved"].disabled();
  s.controls["CREDIT_OR_OPS_REMARKS"].disabled();
});

However, this is not working for me. Can anyone give me a solution for this?

Ebin Manuval · Accepted Answer · 2018-11-13 07:21:39Z

1

You can disable form controls by iterating through form array

diableInputs() {
    this.myForm.controls.forEach((group: FormGroup) => {
        let isNotApproved = group.get('isNotApproved') as FormControl;
        isNotApproved.disable()
        let credit = group.get('CREDIT_OR_OPS_REMARKS') as FormControl;
        credit.disable()
    })
}

Check stackblitz for complete example.

edited Nov 13, 2018 at 7:21

answered Nov 13, 2018 at 7:00

Ebin Manuval

1,25514 silver badges33 bronze badges

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

Comments

Sarthak Aggarwal · Accepted Answer · 2018-11-13 05:40:00Z

0

Try disabling the form control when you are creating it.

For example :

isNotApproved: new FormControl({ value: false, disabled: true }, Validators.required)

answered Nov 13, 2018 at 5:40

Sarthak Aggarwal

2,3121 gold badge10 silver badges12 bronze badges

Collectives™ on Stack Overflow

Disable form control of form array : Angular2

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related