feat(uiSrefActive): Added support for multiple nested uiSref directives

Conflicts:
	src/stateDirectives.ts
	test/stateDirectivesSpec.js

Author: sbezkostnyi

src/stateDirectives.ts

@@ -104,7 +104,7 @@ function $StateRefDirective($state, $timeout) {
 
         var activeDirective = uiSrefActive[1] || uiSrefActive[0];
         if (activeDirective) {
-          activeDirective.$$setStateInfo(ref.state, params);
+          activeDirective.$$addStateInfo(ref.state, params);
         }
         if (newHref === null) {
           nav = false;
@@ -223,30 +223,50 @@ function $StateRefActiveDirective($state, $stateParams, $interpolate) {
   return  {
     restrict: "A",
     controller: ['$scope', '$element', '$attrs', function ($scope, $element, $attrs) {
-      var state, params, activeClass;
+      var states = [], activeClass;
 
       // There probably isn't much point in $observing this
       // uiSrefActive and uiSrefActiveEq share the same directive object with some
       // slight difference in logic routing
       activeClass = $interpolate($attrs.uiSrefActiveEq || $attrs.uiSrefActive || '', false)($scope);
 
       // Allow uiSref to communicate with uiSrefActive[Equals]
-      this.$$setStateInfo = function(newState, newParams) {
-        state = $state.get(newState, stateContext($element) || $state.$current);
-        params = newParams;
-        update();
+      this.$$addStateInfo = function (newState, newParams) {
+        var state = $state.get(newState, stateContext($element));
+        if (state) {
+          states.push({
+            state: state,
+            params: newParams
+          });
+          update();
+        }
       };
 
       $scope.$on('$stateChangeSuccess', update);
 
       // Update route state
       function update() {
-        $element[(isMatch() ? "add" : "remove") + "Class"](activeClass);
+        if (anyMatch()) {
+          $element.addClass(activeClass);
+        } else {
+          $element.removeClass(activeClass);
+        }
+      }
+
+      function anyMatch() {
+        for (var i = 0; i < states.length; i++) {
+          if (isMatch(states[i].state, states[i].params)) {
+            return true;
+          }
+        }
+        return false;
       }
 
-      function isMatch() {
+      function isMatch(state, params) {
         if (typeof $attrs.uiSrefActiveEq !== 'undefined') {
-          return $state.$current.self === state && matchesParams();
+          return $state.is(state.name, params);
+        } else {
+          return $state.includes(state.name, params);
         }
         return $state.includes(state.name) && matchesParams();
       }