我正在根据文档中的示例使用mat-autocomplete组件和输入,并且我已将输入配置为使用标签并且具有非浮动占位符文本,如下所示:
<mat-form-field floatLabel="never">
<input
type="text"
placeholder="Search..."
aria-label="Number"
matInput
[formControl]="search"
[matAutocomplete]="auto">
<button
mat-button
*ngIf="search.value"
matSuffix
mat-icon-button
aria-label="Clear" (click)="clearSearch()">
<mat-icon>close</mat-icon>
</button>
<mat-autocomplete
#auto="matAutocomplete"
(optionSelected)="goToResult($event)">
<mat-option
*ngFor="let result of searchResults"
[value]="result">
{{result.id}}
</mat-option>
</mat-autocomplete>
</mat-form-field>
当点击输入开始输入字符时,占位符不会消失,直到我输入第一个字符 . 我错过了一些应该设置的配置\属性吗?
或者我是否需要设置占位符值绑定并将其设置为\清除它自己?
谢谢
1 回答
您可以删除输入中的占位符,并在
mat-form-field
中添加mat-placeholder
并使用类自定义css .HTML文件:
CSS文件: