Angular 9 动态禁用表单控件

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?

Answer 1

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

应该可以工作，您只需要在之后更新值和有效性：

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