【问题标题】:Angular Material md-icon usageAngular Material md-icon 用法
【发布时间】:2016-10-08 05:37:46
【问题描述】:

我正在尝试按照here 给出的文档在我的应用程序中使用 md 图标。但是我只能使用语法类型:

<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"> 

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

【问题讨论】:

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


    【解决方案1】:

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

    这是一个示例,

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

    DEMO

    【讨论】:

    • 您好,感谢您的回复。根据material.angularjs.org/latest/api/directive/mdIcon 此处的文档, 应该可以正常工作,但是,即使在您的演示中也没有显示任何内容。需要提及标签 search 之间的类名搜索以使其工作,这是我最初的问题。 有什么问题吗?
    • 试试这个 搜索
    • just search 也可以,但这指的是我在问题中提到的第一种方法。我试图让“使用 ”表单按照我共享的文档中的说明工作。但这对我不起作用。 :(
    • 您能否在文档中显示一个示例,如您所说的那样工作
    猜你喜欢
    • 2014-11-29
    • 2016-05-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-29
    • 2015-06-16
    • 1970-01-01
    • 2016-07-11
    相关资源
    最近更新 更多