Disable FormGroup controls in Reactives FormModule in Angular2

angular reactive-forms
Jeeten Parmar picture Jeeten Parmar · Feb 22, 2017 · Viewed 21.2k times · Source

I am using Reactive FormsModule in Angular2. Now, I want to disable all controls of FormGroup. I can use readOnly property in all controls but it is not better solution as we might add new fields in near future.

So, Is there anyway to disable FormGroup controls in short ?

Answer

developer033 picture developer033 · Feb 22, 2017

Now, I want to disable all controls of FormGroup

Use disable():

YOUR_FORM_GROUP.disable();

DEMO

Related questions

Angular2 - How to set `touched` property on form to true

I have a reactive form in my component and I want to set the touched property on every one of the inputs equal to true. My current code does this, but it throws the error Cannot set property touched of #&…

Read More
How to get formControlName Programmatically in Angular 5 or above

Need to know, when you have a multiple controls in a form and you want to know to which control user changed so that you can take some actions. <input formControlName="item_name" #itemName (input)="inputChanged(itemName)"> Why …

Read More
Remove validators from form control Angular 6

I have a form with a lot of form controls and Validators for some of the controls, like: title = new FormControl("", Validators.compose([ Validators.required ])); description = new FormControl("", [ Validators.required, Validators.minLength(1), Validators.maxLength(2000) ]); How do I add a save …

Read More