angularjs - 选择多个状态而不是

Question

我正在为我的网络应用程序使用angularjs，在这里我有一个navbar。 现在位于navbar，我有不同的选项，我使用ui-sref-active="active"来突出显示当前的option/state。

让我们说，我有四个选项 - Home，Admin(with drop-down)，features和settings(with drop-down)。现在，如果我的家乡状态处于活动状态并且我点击了admin选项，那么同时它会显示两个状态都处于活动状态（即同时突出显示home和admin两个选项时间而不是一个。）

对不起错误并提前致谢...

Answer 1

您可以使用ng-class来提供您的purpuse。 你可以为你的目的应用以下逻辑。

<ul>
<li ng-class=setClass("home")>Home</li>
<li ng-class=setClass("Admin")>Admin</li>
<li ng-class=setClass("features")>features</li>
<li ng-class=setClass("settings")>settings</li>
</ul>

在控制器中创建 setClass（）功能：

    $scope.setclass=function(currentState){

    if(currentState==$state.$current.name){

    return 'active';
    }

    else{

        return '';
}

    }; 

这应该可以正常工作。我已经使用这个逻辑来做同样的事情。