Skip to content

Instantly share code, notes, and snippets.

@davinkevin

davinkevin/tplInline.txt

Created September 1, 2015 13:50
Show Gist options
  • Save davinkevin/be97c218b0c80edc97b3 to your computer and use it in GitHub Desktop.
Save davinkevin/be97c218b0c80edc97b3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tplInline.txt
template: '<ul class="rating">' +
'<li ng-repeat="star in stars" class="filled">' +
'\u2605' +
'</li>' +
'</ul>',
@PascalEkouaghe
Copy link

Star rating template

<ul class="rating">
    <li ng-repeat="star in stars" ng-class="star">
      &#9733;
    </li>
</ul>

@PascalEkouaghe
Copy link

Rating CSS

.rating{color: #a9a9a9;margin: 0;padding: 0;}
ul.rating {display: inline-block;}
.rating li {list-style-type: none;display: inline-block;padding: 1px;text-align: center;font-weight: bold;cursor: pointer;}
.rating .filled {color: #8b1200;}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment