使用带有Angular ng-repeat列表项的材质设计图标

Question

如何使用材质设计图标作为使用角度ng-repeat创建的列表中的项目？我创建了一些不起作用的例子：/

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="(country,goals) in items">{{country}}: {{goals}}</li>
         <i class="material-icons">face</i>
        <i class="material-icons">&#xE87C;</i>
    </ul>
</div>

http://jsfiddle.net/RkykR/1912/

Answer 1

包括

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

就够了。除非您自己托管，否则无需为您的CSS添加自定义样式。

http://jsfiddle.net/f39hzjuc/