无法绑定到'shouldLabelFloat'，因为它不是'input'的已知属性

Question

根据api documentation，shouldLabelFloat是MatInput的属性。但我仍然得到错误。

<mat-form-field>
  <input matInput [shouldLabelFloat]="true" placeholder="First Name">
</mat-form-field>

Answer 1

经过一番挖掘，看起来文档网站有点破碎，并显示了属于私有的属性。目前有一个拉取请求已经与此修复程序合并以删除私有getter。以下是code了解更多信息。

无论如何，要使用的正确属性是floatLabel的{​​{1}}输入，如下所示：

MatFormField

<mat-form-field floatLabel="always"> <input matInput [(ngModel)]="firstName" placeholder="First name"> </mat-form-field> 输入接受三个属性：floatLabel，auto或always。

以下是一些参考资料：

• Api documentation for MatFormField
• Overview docs on placeholders
• Stackblitz Demo

Answer 2

您应该在 mat-form-field

内使用

 <mat-form-field shouldLabelFloat="true">
  <input  matInput type="text" [(ngModel)]="firstName"  placeholder="First Name">