Angular 9 dynamically disable form control

Question

What I'm trying to achive is after initiation of the form to disable some controls;

this.someForm= this._fb.group({
  lastName: ['', Validators.required],
  firstName: ['', Validators.required]
});

<input type="text" formControlName="firstName" class="input-field"/>

this.someForm.controls.firstName.disable(); //not works
this.someForm.get('firstName').disable(); //not works

Is there a way to do that without recreating form?

Related: stackoverflow.com/questions/40494968/…

Taplar
– Taplar

2020-10-15 20:43:22 +00:00
Commented Oct 15, 2020 at 20:43 — Taplar
– Taplar, Commented Oct 15, 2020 at 20:43

iamaword · Accepted Answer · 2020-10-15 21:02:18Z

1

this.someForm.get('firstName').disable(); //not works

should work, you just need to update value and validity afterwards:

this.someForm.get('firstName').updateValueAndValidity();

answered Oct 15, 2020 at 21:02

iamaword

1,5371 gold badge12 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Angular 9 dynamically disable form control

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related