在Angular中禁用MatFormField的输入字段

Question

我知道对此主题也有类似的问题，但是这些问题都不适合我，因为解决方案取决于AngularJS或JQuery。

在Angular 5中，我试图禁用<input>的{​​{1}}：

  

test.component.html

<mat-form-field>

但这根本不起作用。我什至尝试设置<mat-form-field class="example-form"> <input matInput disabled [matDatepicker]="picker" [value]="startDate || ab.value" placeholder="Gültig ab" [formControl]="ab"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker #picker disabled="false" ></mat-datepicker> </mat-form-field> ，但这没有完成任务。此外，我无法在组件中禁用任何其他表单字段。

这是我的disabled=true文件的样子：

  

test.component.ts

TypeScript

我想念什么？

我们非常感谢您的帮助！

Answer 1

为ab（您的输入）创建一个表单控制器，并将disable属性设置为true。

ab = new FormControl("", [ Validators.pattern("[A-Z-a-z]*"), disabled:true ]);