突出显示嵌套菜单中的所有活动项(AngularJS、ui路由器)
我正在为我的网站使用带有ui路由器的AngularJS。突出显示嵌套菜单中的所有活动项(AngularJS、ui路由器),angularjs,angular-ui-router,Angularjs,Angular Ui Router,我正在为我的网站使用带有ui路由器的AngularJS。 我有一个多级菜单(当你选择一个项目时,你可以看到下一个菜单的级别) 主页|关于|联系我们 纽约州洛杉矶市旧金山 街道1 |街道2 |街道3 所以,在这个例子中,我们在洛杉矶的联系我们页面中查看Street3的详细信息。所有选定项目都处于活动状态。 我无法使用ui路由器的ui sref active=“active”,因为它只突出显示最后一个项目(Street3),其他项目没有激活,但应该激活。 有什么办法可以解决这个问题吗? 谢谢您可以始
我有一个多级菜单(当你选择一个项目时,你可以看到下一个菜单的级别) 主页|关于|联系我们 纽约州洛杉矶市旧金山 街道1 |街道2 |街道3 所以,在这个例子中,我们在洛杉矶的联系我们页面中查看Street3的详细信息。所有选定项目都处于活动状态。
我无法使用ui路由器的
ui sref active=“active”
,因为它只突出显示最后一个项目(Street3),其他项目没有激活,但应该激活。有什么办法可以解决这个问题吗?
谢谢您可以始终使用
$state.includes(stateName)
检查当前活动状态是否等于或是状态的子状态stateName
。将其与ng class
结合使用,您将可以突出显示正确的选项卡
这是一个