Angular Smilies Rating Directive Component

Instead of traditional star rating, this component uses smiley in order to rate.

DEMO

1. Installation

bower install angular-smilies-rating 

Do not forget to include js & css files.

<script src="../bower_components/angular-smilies-rating/dist/angular-smilies-rating.min.js"></script>  <link rel="stylesheet" href="../bower_components/angular-smilies-rating/dist/angular-smilies-rating.css">  add 'angular-smilies-rating' to your app module 

2. Usage

In your controller set values as below:

  $scope.values = {     "sad": "sad",     "neutral": "neutral",     "normal": "normal",     "happy": "happy"   };    $scope.demoModel = ""; 

In view:

<smilies-rating values="values" ng-model="demoModel"></smilies-rating> 

Now selected smiley will be returned with the value that you have set in your values array in controller.