2016-01-23 62 views
0

如何使用材料设计图标作为使用角度ng-repeat创建的列表中的项目?我创建例如不工作:/使用具有Angular 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/

+0

嘿,我曾与时珍图标和angualr JS,也许这种兴趣萨姆问题,您 http://stackoverflow.com/questions/32418580/material-design-lite-rendering-problems-with-角JS –

回答

1

包括

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

就够了。除非您自己托管它,否则无需将自定义样式添加到您的CSS。

http://jsfiddle.net/f39hzjuc/