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

问题描述：

如何使用材料设计图标作为使用角度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/

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

答

包括

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

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

http://jsfiddle.net/f39hzjuc/

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

相关推荐