angularjs – Angular-ui-router:ui-sref-active和嵌套状态

前端之家收集整理的这篇文章主要介绍了angularjs – Angular-ui-router:ui-sref-active和嵌套状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的应用程序中使用 angular-ui-router和嵌套状态,我还有一个导航栏。导航栏是手写的,并使用ui-sref-active突出显示当前状态。它是一个两级导航栏。

现在,当我在,说产品/类别我想要两个产品(1级)和类别(2级)突出显示。但是,使用ui-sref-active,如果我在状态Products.Categories,那么只有该状态被突出显示,而不是产品。

有什么方法让产品在那个州突出?

代替这一点,
<li ui-sref-active="active">
    <a ui-sref="posts.details">Posts</a>
</li>

你可以这样做-

<li ng-class="{active: $state.includes('posts')}">
    <a ui-sref="posts.details">Posts</a>
</li>

目前它不工作。有一个讨论在这里(https://github.com/angular-ui/ui-router/pull/927),并将很快加入。

更新:

为了这个工作,$ state应该在视图中可用。

angular.module('xyz').controller('AbcController',['$scope','$state',function($scope,$state) {
   $scope.$state = $state;
}]);

More Info

UPDATE [2]:

从版本0.2.11,它开箱即用。请检查相关问题:https://github.com/angular-ui/ui-router/issues/818

猜你在找的Angularjs相关文章