AngularJS ui-router - set menu active

Question

I use AngularJS ui-router and I have the problem that I habe a submenu which i reachable from menu1 and menu2. Is it possible anywhere to highlight either Menu1 or Menu2?

Menu1: ng-class="{'active': vm.state.includes('auth.Menu1') || vm.state.includes('auth.SubMenu')}"
Menu2: ng-class="{'active': vm.state.includes('auth.Menu2') || vm.state.includes('auth.SubMenu')}"

Possible duplicate of [Adding Angular directive using decorator](http://stackoverflow.com/questions/34686823/adding-angular-directive-using-decorator) — vittore, Jan 13 '16 at 19:27
What about http://stackoverflow.com/questions/17215656/how-to-detect-current-state-within-directive/17225152#17225152 — Sean Larkin, Jan 13 '16 at 19:27

vittore · Answer 1 · 2016-01-13T19:26:09.060

1

People keep asking this question, you should use ui-sref-active directive

edited Jan 13 '16 at 19:26

answered Jan 13 '16 at 19:25

vittore

17,449
6
44
82

Find the dup and flag as dupe! :-D – Sean Larkin Jan 13 '16 at 19:26
http://stackoverflow.com/questions/17215656/how-to-detect-current-state-within-directive/17225152#17225152 – Sean Larkin Jan 13 '16 at 19:28
I have removed ui-sref-active because I don't know how to implement it with this directive. – quma Jan 14 '16 at 09:09
Your menu item is just a li/a etc tag with `ui-sref` directive and the path. Just put `ui-sref-active` on both. – vittore Jan 14 '16 at 15:10

AngularJS ui-router - set menu active

1 Answers1