Angular-ui-router：ui-sref-active和嵌套状态

Question

我angular-ui-router在应用程序中使用和嵌套状态，并且我还有一个导航栏。导航栏是手写的，ui-sref-active用于突出显示当前状态。它是一个两级导航栏。

现在，当我进入时，说Products / Categories我希望同时突出显示Products（在1级）和Categories（在2级）。但是，使用时ui-sref- active，如果我处于状态，Products.Categories则仅突出显示该状态，而不突出显示Products。

有什么办法可以使Products该状态突出显示？

Answer 1

代替这个-

<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;
}]);

更多信息

更新[2]：

从版本开始0.2.11，它可以直接使用。请检查相关问题：https : //github.com/angular-ui/ui-
router/issues/818