Disable the entire form at once (Angular reactive form)

angular typescript angular-reactive-forms angular2-formbuilder
YD_ picture YD_ · Aug 24, 2017 · Viewed 31.3k times · Source

Is there any way to disable the entire form in angular when using Reactive forms. I know it is possible to make them disable one by one.

 this.tempForm = this.fb.group({
  m26_type:  '',
  m26_name:  ''
 })
this.tempForm.get('m26_type').disable();

Is it possible to disable the whole form rather than make every controller disable separately?

Answer

Rahul Singh picture Rahul Singh · Aug 24, 2017 
this.tempForm.disable();

Disables the control. This means the control will be exempt from validation checks and excluded from the aggregate value of any parent. Its status is DISABLED.

If the control has children, all children will be disabled to maintain the model.

LINK

UPDATE

Plunker link - https://plnkr.co/edit/CFC4uKpvfE4otJ2PWdkc?p=preview

Related questions

patchValue with { emitEvent: false } triggers valueChanges on Angular 4 formgroup

I have a formbuilder group and am listening for changes with valueChanges and triggering a save function followed by refresh function on the form: this.ticketForm.valueChanges.debounceTime(1000).distinctUntilChanged() .subscribe(data => { this.saveTicket(); this.refreshTicket(); }) I am then reloading …

Read More
Angular 5 FormGroup reset doesn't reset validators

I have a form on my page and when I call FormGroup.reset() it sets the forms class to ng-pristine ng-untouched but FormControl.hasError(...) still returns truthy. What am I doing wrong here? Template <form [formGroup]="myForm" (ngSubmit)="submitForm(…

Read More
Angular Reactive forms : how to reset form state and keep values after submit

In an Angular reactive form. How to reset only the state of form after successful submit? Here is the process: Create the form and setValue from service result Modify values and submit the form If form is properly submitted to …

Read More