AngularJS Material web字体图标(<md-icon>)没有显示？

Question

不确定这是否令我感到困惑的文档,但我md-icons开始工作有困难(它比其他图标字体更多的工作).说明这里指定使用<md-icon md-font-icon="classname" />.

下面是一个示例演示,其中加载了图标字体样式表,并且<md-icon md-font-icon="android" />根据文档的说明,没有任何内容显示出来.我究竟做错了什么？

Answer 1

我也很努力试图让图标显示出来,所以这就是我最终做的事情:

添加到您的html的头部以下

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

然后使用以下内容添加您的图标:

<i class="material-icons">android</i>

你也可以在md按钮内使用它,如下所示:

<md-button class="md-icon-button" ng-click="someFunc()">
    <i class="material-icons">android</i>
</md-button>

Answer 2

我遇到了和你一样的问题,只能使用它,<i class="material-icons">android</i>直到我发现我有一个旧版本的角度材料.

我使用谷歌的CDN,但他们没有最新的版本.您需要从角度材料站点下载它(或使用npm更新)并链接到本地​​源代码.

现在我可以用它了

<md-icon md-font-set="material-icons">delete</md-icon>

Answer 3

你可以使用:

<md-icon>android</md-icon>

这就是全部,这是一个例子