将Angular Material从v6.0.1
更新为v6.4.7
后,应用程序的所有mat-form-field
都具有类.mat-form-field-hide-placeholder
,该类基本上添加了以下代码:-webkit-text-fill-color: transparent;
现在所有占位符都是透明的。
这是我们如何将占位符与mat-form-field一起使用的示例
<mat-form-field *ngIf="option">
<mat-select class="irregularselector"
[(ngModel)]="selectedOption"
placeholder="Choose one..."
(selectionChange)="onSelectedOption()">
<mat-option *ngFor="let opt of irregularOpts;" value={{opt.uuid}}>
{{opt.name}}
</mat-option>
</mat-select>
</mat-form-field>
我们要在上面显示占位符的地方。
您知道为什么会这样吗,或者如何避免此类?
答案 0 :(得分:1)
好的,我发现此行为与默认情况下为传统的mat-form-field的新外观有关。如果我选择标准,则会消失“类mat-form-field-hide-placeholder”类。