javascript - 在 md-button 上应用图标样式

Question

我正在使用 ng2-material library (建立在angular2之上)。 documentation并且演示显然已经过时并且没有根据新的 Angular 2 版本进行更新。但是，到目前为止已经进行了必要的调整，我想要一个位于页面工具栏上的按钮内的菜单图标。我能够加载菜单的 Material 图标，但仍然无法为其设置 button-icon 样式。我就是这样做的:

<button md-button class="md-icon-button" aria-label="Settings">
  <i class="mdclass-dark material-icons" md-icon >menu</i>
</button>

这为菜单图标赋予了样式，即按钮的样式，而不是 md-icon 的样式。有人可以告诉我该怎么做吗？

Answer 1

使用md-icon-button指令而不是 md-button .

你也可以使用 <md-icon>元素而不是 <i>显示素材图标。

<button md-icon-button aria-label="Settings">
  <md-icon>menu</md-icon>
</button>