突出显示嵌套菜单中的所有活动项(AngularJS,ui-router)

时间:2014-09-16 06:39:30

标签: angularjs angular-ui-router

我在网站上使用AngularJS和ui-router 我有一个多级菜单(当你选择一个项目时,你可以看到下一个菜单的级别)

主页|关于| 与我们联系

NY | 洛杉矶 | SF

Street1 | Street2 | Street3

所以,在这个例子中,我们在联系我们页面的LA中查看Street3的详细信息。所有选定的项目都处于活动状态 我无法使用ui-router的ui-sref-active="active",因为它仅突出显示最后一项(Street3)其他项目未激活,但应该是。
有没有想法解决它?
感谢

1 个答案:

答案 0 :(得分:1)

您始终可以使用$state.includes(stateName)检查当前活动状态是否等于或是状态stateName的子级。将其与ng-class结合使用,您将突出显示正确的标签。

这是working example.