如何对ui-sref-active="active"进行判断显示

Question

前端用angularjs根据数据结构创建动态菜单，有二级菜单的一级菜单没有ui-sref-active="active"这个属性，只有一级菜单的才有，怎么对ui-sref-active="active"进行判断动态显示。

Answer 1

如果有二级菜单我就没有用ui-sref-active 用ng-class

首先你建的一级菜单的名字和二级最好有关联，比如。

.state('user', {

    ...

})

.state('user-list', {

    ...

})

.state('user-detail', {

    ...

})

然后你页面展示就。

<div ui-sref="user" ng-class="{'active':state.current.name.indexOf('user') != -1}">用户信息</div>

state是$state这个函数 在控制器里取一下就可以拿到当前路由的信息了，根据当前页面的name去判断。