輸入上的角材料占位符不流動

Question

我正在使用Angular Material 6.4.5，但在浮動占位符時遇到問題。

這是我的HTML

<mat-form-field class='search'>
   <input matInput placeholder='Search' value='book' [(ngModel)]='search'>
</mat-form-field>

我的墊子選擇也有問題，它無法打開

<mat-form-field>
   <mat-select placeholder="Test">
     <mat-option *ngFor="let foo of test" [value]="foo.id">{{foo.lastName}}</mat-option>
   </mat-select>
</mat-form-field>

有什么想法不對嗎，我整個下午都在嘗試，但沒有成功。

Answer 1

對於具有[(ngModel)]輸入元素，屬性name是必需的

<mat-form-field class='search'>
   <input matInput placeholder='Search' name="search" value='book' [(ngModel)]='search'>
</mat-form-field>

Answer 2

我忘了將主題導入我的styles.css中。 現在一切正常