No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
dist
src
.editorconfig
.gitignore
.jshintrc
README.md
bower.json
gulpfile.js
index.js
package.json

README.md

AngularJS Rating Stars

Amazing AngularJS 1 Rating Stars directive that works with Angular Material.

Demo : https://embed.plnkr.co/q7pgHz/

Install :

npm

npm install angular-jk-rating-stars

bower

bower install angular-jk-rating-stars

Usage :

  • Add jk-rating-stars.js to your index file:
<script src="angular.js"></script>
<script src="jk-rating-stars.js"></script>
  • Add jk-rating-stars.css to your index file:
<link href="jk-rating-stars.css" rel="stylesheet" type="text/css" />
  • Add the google material icons
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  • Add a dependency to the jkAngularRatingStars module in your application.
angular.module('MyApp', ['jkAngularRatingStars']);
  • Add a 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>

TODO :

License

This module is released under the permissive MIT license. Contributions or suggestions are always welcome :D