После обновления 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>
Где мы хотим отобразить заполнитель, описанный выше.
Вы знаете, почему это происходит, или как избежать этого занятия?





Хорошо, я обнаружил, что это поведение связано с новым внешним видом поля mat-form-field, которое по умолчанию является устаревшим. Если я выберу стандарт, класс mat-form-field-hide-placeholder исчезнет.