If you want to change the directive directly, you'd need to fork it on
github and edit it. That'd give you access to the template itself (to add
hover states to individual stars).

https://github.com/thomporter/angular-ratings/blob/master/src/angular.ratings.coffee

that source doesn't indicate that there are individual class handles added
to the template, so you can't easily get at it from outside without
Fighting The Framework (I imagine you could do some fancy nth-child
selector if you always know you're having five stars in the UL).

If you just want to add some text to the page itself, or add a hover state
to the entire directive, you can do conditional rendering like
<ng-if="(model>=0) && (model<1)">*terrible</ng-if>. Or you could get fancy
with css content directives and modify the class on the directive with an
ng-class="bad:'(model>=0) && (model<1)'}" and so on. Half a dozen of one,
six of the other.

*you can also do (model>=0) &amp;&amp; (model<1) instead, which my html
linter prefers and angular doesn't seem to mind, but it's a bit less
readable.

e


On Thu, Jun 12, 2014 at 2:50 AM, Shanna Barnard <[email protected]>
wrote:

>
> No one?
>
>
>
> On Wednesday, June 11, 2014 8:15:57 PM UTC+1, Shanna Barnard wrote:
>>
>> Hi,
>>
>> I am currently using http://angular-ratings.thomporter.com/ for my
>> rating widget.
>>
>> I want to add a text label next to the group that when you hover over a
>> star you get e.g.
>> star 1 = terrible
>> star 2 = bad
>> star 3 = average
>> star 4 = good
>> star 5 = excellent
>>
>> Do anyone have a demo of this I could take a look at?
>>
>>
>>
>>  --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to [email protected].
> Visit this group at http://groups.google.com/group/angular.
> For more options, visit https://groups.google.com/d/optout.
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to