模板驱动表单禁用mat- form -field

Question

我开发了一个模板驱动的表单，其中我使用了mat-input、mat-select、mat-datepicker和mat-select等输入域。

它们中的每一个都嵌入了一个mat-field-form。我想根据一个条件禁用它们。我想如果我禁用mat-field-form，它们都会被禁用，或者，当每个输入atrr.disable都被禁用时？

这样做可以吗？另一方面，我使用#actionsForm="ngForm" 'required‘它们，但只有mat-input工作，其他输入不会监听'required’。

有什么线索吗。

Answer 1

在.html中，像这样使用[disabled]属性：

<mat-form-field>
    <input matInput [disabled]="isDisabled"></input>    
    <textarea matInput [disabled]="isDisabled"></textarea> 
</mat-form-field>

在.ts中，根据条件设置isDisabled变量true或false：

//do something like variable declaration and condition checking

this.isDisabled = true;