输入上的角材料占位符不流动

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

属性name对于带有[(ngModel)]的输入元素是必需的

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

Answer 2

我忘了在我的styles.css中导入主题。现在一切正常