Amazing AngularJS 1 Rating Stars directive that works with Angular Material.
Demo : https://embed.plnkr.co/q7pgHz/
npm i angularjs-rating-stars --save
bower install angularjs-rating-stars --save
jk-rating-stars.js
to your index file:<script src="angular.js"></script>
<script src="jk-rating-stars.js"></script>
jk-rating-stars.css
to your index file:<link href="jk-rating-stars.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
jkAngularRatingStars
module in your application.angular.module('MyApp', ['jkAngularRatingStars']);
jk-rating-stars
tag to your html, set the amount of stars and bind a variable that will holds the selected value. If the maxRating variable is not set, we use the default of 5.<jk-rating-stars max-rating="8" rating="ctrl.rating" read-only="ctrl.readOnly" shadow="false" reset-allowed="false" off-icon="star_border" off-color="false" on-rating="ctrl.onRating(rating)" >
</jk-rating-stars>
This is not my project. I have uploaded it because the original link expired. The author of this project is Juan Morales, if you need help I can provide support.
This module is released under the permissive MIT license. Contributions or suggestions are always welcome :D