mat-select具有属性placeholder: string。我的问题是如何向此占位符添加自定义图标（即mat-icon），因此仅当mat-select为空（默认状态）时，图标和文本才可见。我知道mat-trigger，但是可以在已经有选择值的情况下使用。我不能使用<mat-icon matPrefix >search</mat-icon>，因为这样会裁切选择面板（它没有整个选择按钮的宽度，而是选择按钮减去图标宽度。创建mat-select的自定义占位符的最佳解决方案是什么带图标，因为垫占位符已贬值？
我想出了一个主意，可以通过向其添加填充来给<mat-icon matPrefix style="width: 0px;" >search</mat-icon>和移动.mat-placeholder。它似乎可行，但我认为这不是一种好的/唯一的方法。
这是显示我要实现的目标的stackblitz示例（示例3） https://stackblitz.com/edit/angular-material-starter-wxex4i?file=app/app.component.html