Angular Material select 中的按钮

Question

我尝试在 angular material select 中显示按钮，我使用此代码：

<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>

这行得通，但是当我 select 其中一个选项时，它显示 selected 元素和图标名称，如下所示：

这可能是 Angular Material 中的错误，但也许有人知道一些解决方法？我知道我可以用打字稿解决这个问题，但这不是最优雅和干净的方式。

Answer 1

将垫子图标用作 SVG 并尝试将其用作 SVG 图标...它可能不会将 SVG 标记显示为文本。