無法綁定到“shouldLabelFloat”，因為它不是“input”的已知屬性

Question

基於對API文檔， shouldLabelFloat是的屬性MatInput 。 但我仍然收到錯誤。

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

Answer 1

經過一番挖掘，看起來文檔站點有點損壞，並顯示了本應私有的屬性。 當前有一個已與此修復程序合並的拉取請求以刪除私有 getter。 這是了解更多信息的代碼。

---

不管怎么說，正確的屬性使用的是floatLabel的輸入MatFormField如下：

<mat-form-field floatLabel="always">
  <input matInput [(ngModel)]="firstName" placeholder="First name">
</mat-form-field>

floatLabel輸入接受三個屬性： auto 、 always或never 。

---

這里有一些參考：

• MatFormField Api 文檔
• 占位符概述文檔
• Stackblitz 演示

Answer 2

您應該在mat-form-field

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