šŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An Angular moduleĀ that lets youĀ generate a rating system for everything.

Plugins

Documentation

###Live Demo

puk-rating

rating system for everything

NPM

$ npm install puk-rating  

Bower

$ bower install puk-rating  

Module

angular.module('yourApp', ['pukRating']); 

Example

    <puk-rating puk-count="5" puk-model="3" readonly="true" puk-icon-color="#5FBA7D" puk-icon-size="80px" puk-icon-base="fa" puk-empty-icon="fa-heart-o" puk-full-icon="fa-heart"></puk-rating> 
    <puk-rating puk-count="5" puk-model="2" puk-image-width="66px" puk-image-height="66px" puk-empty-image="../images/sad.svg" puk-full-image="../images/smile.svg"></puk-rating> 

Directive attributes

puk-count

puk-model

puk-icon-color

puk-icon-size

puk-icon-base

puk-empty-icon

puk-full-icon

puk-image-width / puk-image-height

puk-empty-image

puk-full-image

Rating events

getRatingValue event

    $scope.$on("getRatingValue", function(event,data) {         // action     });

getRatingHoverValue event

    $scope.$on("getRatingHoverValue", function(event,data) {         console.log(data)     });

License

Licensed under the MIT license


You May Also Like