fix(uiSrefActive): update the active classes when compiled

angular-ui · Jan 7, 2016 · 7c91403 · 7c91403
1 parent d31b333
commit 7c91403
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/stateDirectives.js b/src/stateDirectives.js
@@ -372,6 +372,8 @@ function $StateRefActiveDirective($state, $stateParams, $interpolate) {
       function removeClass(el, className) { el.removeClass(className); }
       function anyMatch(state, params) { return $state.includes(state.name, params); }
       function exactMatch(state, params) { return $state.is(state.name, params); }
+
+      update();
     }]
   };
 }

diff --git a/test/stateDirectivesSpec.js b/test/stateDirectivesSpec.js
@@ -680,6 +680,16 @@ describe('uiSrefActive', function() {
       expect(el[0].className).toMatch(/admin/);
       expect(el[0].className).not.toMatch(/contacts/);
     }));
+
+    it('should update the active classes when compiled', inject(function($compile, $rootScope, $document, $state, $q) {
+      $state.transitionTo('admin.roles');
+      $q.flush();
+      timeoutFlush();
+      el = $compile('<div ui-sref-active="{active: \'admin.roles\'}"/>')($rootScope);
+      $rootScope.$digest();
+      timeoutFlush();
+      expect(el.hasClass('active')).toBeTruthy();
+    }));
   });
 });