在 md 按钮上应用图标样式

Question

我正在使用ng2-material library（建立在 angular2 之上）。 documentation 和演示显然已经过时，并且没有根据新的 Angular 2 版本进行更新。但是，到目前为止已经进行了必要的调整，我想要一个位于页面工具栏上的按钮内的菜单图标。我可以加载菜单的材质图标，但仍然不能给它button-icon 样式。我就是这样做的：

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

这是给菜单图标的样式，按钮的样式，而不是 md 图标的样式。有人可以告诉我该怎么做吗？

Answer 1

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

你也可以使用<md-icon>元素代替<i>来显示素材图标。

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