Angular Material md-icon用法

时间:2016-10-08 05:37:47

标签: angularjs angular-material google-material-icons

我正在尝试根据给定here的文档在我的应用中使用md-icon。但是我只能使用语法类型:

<i class="material-icons ng-scope">search</i>

其他用法类型

<md-icon md-font-icon="search" alt="search"></md-icon>
<md-icon md-font-icon="icon-magnify" class="icon"></md-icon>

不加载任何内容。

我已经用

加载了材质字体
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

虽然我可以用第一种语法完成工作;我很想知道第二种语法不起作用我做错了什么,而它应该按照文档完美地工作。

1 个答案:

答案 0 :(得分:1)

可能你没有将它们加载到正确的元素中,

以下是一个示例,

  <md-button aria-label="Search" type="submit">
  <md-icon md-font-icon="search">search</md-icon> 
  </md-button>

<强> DEMO