在表单字段中键入时，Angular Material占位符标签不动画

Question

我正在使用Angular Material。开始在表单字段中输入内容后，我看不到占位符标签（应该移到顶部）。

这是我的代码：

select partnerid,
       count(distinct case when info like "%BANLANCE%" then processId end) balance_count,
       count(distinct case when info like "%BANKCARD%" then processId end) bankcard_count
from mipay.operation_log
where date = '20180501' and source = 'api' and operation = 'pay'
group by partnerid 

<mat-card-content> <mat-form-field class="example-full-width"> <input matInput placeholder="Username" value="" class="form-control" formControlName="username" required> </mat-form-field> </mat-car-content> ：

package.json

Answer 1

我遇到了同样的问题，并通过以下方式使用预构建的主题来解决此问题：更新styles.css文件：

@import '@angular/material/prebuilt-themes/indigo-pink.css';

Theming Angular Material Related question