在md按钮上应用图标样式

时间:2016-12-28 03:36:47

标签: javascript css angular angular-material

我正在使用ng2-material library(建立在angular2之上)。 documentation和演示显然已过时,未按照新的角度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-icon的样式..有人可以告诉我该怎么做吗?

1 个答案:

答案 0 :(得分:2)

使用md-icon-button指令代替md-button

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

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