I am having trouble working out how to get a class to change on a nested directive.
This is the outer ng-repeat
I think it would be much easier to put an anchor tag around i. You can just use the css :hover selector. Less moving parts makes maintenance easier, and less javascript to load makes the page quicker.
anchor
i
:hover
This will do the trick:
jsfiddle example