为什么禁用在以下 html/angular 代码中不起作用？

Question

在下面的代码中，我使用 [disabled] 来在编辑操作时禁用名称字段，但是它不起作用。 如果我将其更改为 [readonly]="operationType == 'Edit'"... 任何人都可以帮助我为什么 disabled 不起作用？ 谢谢你。

<mat-form-field style="width: 320px !important;background-color: white;" appearance="outline">
        <mat-label>NAME</mat-label>
        <input matInput type="text" style="text-transform: uppercase;" maxlength="6"
          formControlName="name" 
          oninput="this.value = this.value.toUpperCase()"
          [disabled]="operationType == 'Edit'" />
        <mat-error *ngIf="hasError('name', 'required')">name is required</mat-error>
      </mat-form-field>

Answer 1

它不会禁用，因为您需要在 FormGroup 中执行此操作：

 this.formGroup.disable()

它会为您禁用所有字段

如果要禁用特定控件，可以这样做：

 this.formGroup.get("nameOfControl").disable()