Get value on click from Angular UI Rating Directive

Question

Using this Code here: plunkr

How would I write the value on click to the console? It seems as though this will only work in a form submit environment, but I'm hoping I'm wrong.

Note that the rating element is converted into several i elements in a span, and each i has an ng-click applied to it already.

To summarize - When I select a star, spit out the value selected to the console.

Answer 1

Rating supports ng-click:

<rating value="rate" max="max" readonly="isReadonly" 
    on-hover="hoveringOver(value)" on-leave="overStar = null" 
    ng-click="setRating()"></rating>

In your controller, simply add:

$scope.setRating = function() {
    alert($scope.rate);
};