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 — vittore
– vittore, Commented Jan 13, 2016 at 19:27

vittore · Accepted Answer · 2016-01-13 19:26:09Z

1

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

edited Jan 13, 2016 at 19:26

answered Jan 13, 2016 at 19:25

vittore

17.6k6 gold badges46 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sean Larkin Over a year ago

Find the dup and flag as dupe! :-D

Sean Larkin Over a year ago

stackoverflow.com/questions/17215656/…

quma Over a year ago

I have removed ui-sref-active because I don't know how to implement it with this directive.

vittore Over a year ago

Your menu item is just a li/a etc tag with ui-sref directive and the path. Just put ui-sref-active on both.

Collectives™ on Stack Overflow

AngularJS ui-router - set menu active

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related