Why doesn't disabled for formGroup work?

Question

Angular

this.form = this.formBuilder.group({
            cadnum: [{ value: this.application?.cadnum, disabled: true }],
});

Sample:

<mat-form-field>
      <input matInput formControlName="cadnum" />
</mat-form-field>

Why is the element not disabled?

Answer 1

You can do it like this:

this.form = this.formBuilder.group({
  cadnum: this.application?.cadnum,
});
setTimeout((): void => {
  this.form.controls.cadnum.disable();
}, 0);

Either like this:

<input matInput formControlName=“cadnum” [disabled]=“disable”>

this.form = this.formBuilder.group({
  cadnum: this.application?.cadnum,
});
this.disable = true;