AngularJS ui-router - 设置菜单处于活动状态答案

【问题标题】：AngularJS ui-router - set menu activeAngularJS ui-router - 设置菜单处于活动状态
【发布时间】：2016-01-13 19:21:48
【问题描述】：

我使用 AngularJS ui-router，但我遇到的问题是我有一个可以从 menu1 和 menu2 访问的子菜单。是否可以在任何地方突出显示 Menu1 或 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')}"

【问题讨论】：

Adding Angular directive using decorator的可能重复
stackoverflow.com/questions/17215656/…怎么样
@SeanLarkin 还有其他问题不只是这两个

标签： javascript angularjs angular-ui-router

【解决方案1】：

人们一直在问这个问题，你应该使用ui-sref-active指令

【讨论】：

找到骗子并标记为骗子！ :-D
stackoverflow.com/questions/17215656/…
我已经删除了 ui-sref-active 因为我不知道如何用这个指令来实现它。
您的菜单项只是一个带有ui-sref 指令和路径的li/a etc 标签。只需将ui-sref-active 放在两者上即可。