angular - 如何在角度材料选择中显示图标和相同的选择
问题描述
如何使用材质选择控件在选择下拉控件中正确显示图标。选择 mat 选项后,它选择图标的文本以及如何克服这个问题?
<mat-form-field>
<mat-select formControlName="genderFormControl" placeholder="Gender">
<mat-option>None</mat-option>
<mat-option *ngFor="let gender of genders" [value]="gender.value">
<mat-icon matListIcon>pregnant_woman</mat-icon>
{{gender.name}}
</mat-option>
</mat-select>
</mat-form-field>
解决方案
您可以通过"mat-select-trigger"
选项完成它。
<mat-select-trigger>
<mat-icon>pregnant_woman</mat-icon> {{gender.name}}
</mat-select-trigger>
推荐阅读
- python - 在这个例子中,self.__class__、__name__ 和 __repr__ 的目的是什么?
- java - Java HashMap 放数据时没有返回预期的结果
- javascript - 页面重定向后如何调用 Chrome 扩展功能?
- bash - Dockerfile 更改用户访问失败
- python-3.x - ElementNotInteractableException:消息:使用带有 Selenium WebDriver 的 GeckoDriver Firefox 无法将元素滚动到视图中
- php - Curl 正在工作,但是 php CURL 出错
- java - 项目缺少必需的库
- mysql - MySql用计算循环每一行
- c# - 获取 System.Collections.Generic.List1[System.Collections.Generic.KeyValuePair2[System.Int32,System.String]] 而不是字符串
- ruby-on-rails - 如何跳过 Rails 中的所有验证?