禁用模板驱动表单中的垫窗体字段

Question

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

它们中的每一个都嵌入到一个mat-field-form中。我想根据条件禁用它们。我想如果我禁用mat-field-form，所有这些都会被禁用，或者，因为每个输入atrr.disable被禁用？

这样做可以吗？另一方面，我用#actionsForm="ngForm"来"需要"它们，但只有mat-input作品和其他输入不听"必需"。

请提供任何线索。

Answer 1

在.html中使用[disabled]属性，如下所示：

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

.ts根据条件设置变量true或falseisDisabled：

//do something like variable declaration and condition checking
this.isDisabled = true;