选择Angular Material按钮

时间:2017-12-28 16:18:59

标签: angular select material-design angular-material angular5

我尝试在角度材质选择中显示按钮,我使用此代码:

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

这样可行,但当我选择其中一个选项时,此显示选中的图标元素和名称如下: enter image description here

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

1 个答案:

答案 0 :(得分:2)

使用mat-icon作为SVG并试一试SVG图标...它可能不会将SVG标记显示为文本。