angular-jk-rating-stars

Amazing rating stars directive for angular material

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-jk-rating-stars
1.0.85 years ago6 years agoMinified + gzip package size for angular-jk-rating-stars in KB

Readme

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