Use material design icons with Angular ng-repeat list item

0
votes

How should I use Material design icons as items in list created using angular ng-repeat? I create example which doesn't work :/ 

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

1
angularjsmaterial-design
hey, i had somes problem with materia icons and angualr js,maybe this interest you stackoverflow.com/questions/32418580/… - Pablo Ortuño

1 Answers

1
votes

Including 

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

is enough. No need to add custom styles to your css unless you self hosting it.

http://jsfiddle.net/f39hzjuc/