Change class on mouseover in directive

Question

I am having trouble working out how to get a class to change on a nested directive.

This is the outer ng-repeat

Answer 1

This is my solution for my scenario:

    
        
        {{ song.name }}
    
    
        
        {{ match.name }}
    

default state:

on hover: