如何通过条件值禁用mat-form-field？解决绑定disabled属性报错

我尝试通过以下代码给mat-form-field绑定条件值来禁用它：

<mat-form-field [disabled]="isDisabled">

但触发了错误：无法绑定到'disabled'，因为它不是'mat-form-field'的已知属性。

实际解决方案（禁用整个表单） #

由于我的真实需求是禁用整个表单而非单个字段，最终采用了基于FormGroup的禁用方案：

HTML代码

<mat-form-field [formGroup]="myForm">
    <mat-select formControlName="myControl">
        <mat-option>第一个选项</mat-option>
        <mat-option>第二个选项</mat-option>
    </mat-select>
</mat-form-field>

TypeScript代码

// 声明表单实例
myForm: FormGroup;

ngOnInit() {
    // 初始化表单组
    this.myForm = this.formBuilder.group({
        myControl: ['']
    });
    // 初始状态禁用整个表单
    this.myForm.disable();
}

// 根据条件切换表单的启用/禁用状态
if (myCondition) {
    this.myForm.enable();
} else {
    this.myForm.disable();
}

内容的提问来源于stack exchange，提问作者oaklandrichie