angularjs - Angular UI 路由器 : How do I get parent view to be "active" when navigating to nested view?

Question

我正在开发一个已实现 UI 路由器的项目，它使用 ui-sref-active="active" 将事件类添加到导航菜单项(当该项目是当前路线。但是，当您导航到该 View 中的嵌套 View 时，父菜单项不再处于事件状态。请参阅以下 Plunker:

http://plnkr.co/edit/2CoEdS?p=preview

默认情况下(或者如果您单击它)路线 1 处于“事件”状态。当您单击“显示列表”时，您将看到路线 1 不再处于事件状态。

编辑:

此示例与我的实际项目之间的唯一区别是，我的实际项目中的导航菜单有自己的 Controller ，因此不使用与“route1” Controller 相同的范围。

Answer 1

编辑更新的 ui-router 0.2.13:

ui-sref-active="active" 现在，当当前状态是 ui-sref 的状态或任何子级时，设置“active”类

ui-sref-active-eq="active" 的行为与 ui-sref-active 的先前迭代相同，并且仅设置确切状态的类

原始答案:

查看开放式 ui-router 问题: https://github.com/angular-ui/ui-router/issues/704和 818

人们建议的一般解决方法是:

ng-class="{active:$state.includes('route1')}"

当然，$state必须添加到$scope中。查看更新后的插件:http://plnkr.co/edit/KHLDJP?p=preview