【发布时间】：2018-06-09 04:47:06
【问题描述】：
我尝试在角度材料选择中显示按钮并使用此代码：
<mat-select #placeNameControl="ngModel" placeholder="Place name">
<mat-option >
Add new place name
</mat-option>
<mat-option *ngFor="let addedPlaceName of addedPlaceNames" [value]="addedPlaceName">
{{addedPlaceName}}
<button type="buttton" mat-icon-button>
<mat-icon>remove</mat-icon>
</button>
</mat-option>
</mat-select>
这很有效，但是当我选择其中一个选项时，它会显示所选元素和图标的名称，如下所示：
这可能是 Angular Material 中的错误，但也许有人知道一些解决方法？我知道我可以用 typescript 解决这个问题，但这不是最优雅和最干净的方法。
【问题讨论】：
-
到底是什么问题？无法弄清楚问题到底是什么。请添加更多输入并增强描述。
-
这个选择显示被选元素的名字和按钮内部使用的图标的名字，而不是只显示被选元素的名字。
-
好的，我不认为你可以在按钮标签中使用
remove 。但试试这个：remove 代替 -
很遗憾，您的解决方案与我的完全一样。
-
试试 SVG 图标...它可能不会将 SVG 标记显示为文本。
标签： angular select material-design angular-material angular5