Use with angular.js UI-Router directive ui-sref

uiSrefClassDirective.coffee

# <a ui-sref="mystate" ui-sref-class="active">link</a>
#
# whenever the current state is 'mystate' a class of 'active' will be added to the same element.

angular.module('ui-sref-class',[])
  .directive "uiSrefClass", ->
    link: (scope, elm , attrs)->
      scope.$on '$stateChangeSuccess' , (event, toState)->
        if toState.name == attrs.uiSref
          elm.addClass(attrs.uiSrefClass)
        else      
          elm.removeClass(attrs.uiSrefClass)