Javascript 如何在angularjs中为多个页面设置isActive

我的角度项目中有一个侧栏菜单可折叠子菜单。我使用isActive注释来显示活动状态。当我刷新任何页面时，它应该显示特定的菜单和活动状态。当我刷新子菜单的第一个链接时，它会工作。如果我单击子菜单的第二个链接，它将不起作用

我不知道如何声明活跃的链接<代码>ng类=“{show:isActive（'/create workorder'）}”

我的代码在下面

<ul>
    <li><a href="javascript:void(0)" class="flevel ">Work </a>
        <ul class="second_level" ng-class="{show:isActive('/create-workorder')}">
            <li>
                <a href="#/create-workorder" class="" ng-class="{active_sub:isActive('/create-workorder')}">
                    <div class="create_wo"></div>Create WO</a>
            </li>
            <li>
                <a href="#/workorder-all" class="" ng-class="{active_sub:isActive('/workorder-all')}">
                    <div class="overall_queue"></div>Overall all</a>
            </li>
        </ul>
    </li>
    <li><a href="javascript:void(0)" class="flevel ">Status </a>
        <ul class="second_level" ng-class="{show:isActive('/history')}">
            <li>
                <a href="#/history" class="" ng-class="{active_sub:isActive('/history')}">
                    <div class="status"></div>History</a>
            </li>
            <li>
                <a href="#/recent" class="" ng-class="{active_sub:isActive('/recent')}">
                    <div class="recent"></div>Recent</a>
            </li>
        </ul>
    </li>
</ul>

确定活动菜单的常用技术是使用URL本身。 在页面刷新中，您可以检查URL并突出显示相应的菜单

对于父子菜单，您可以选择对关系进行编码，例如，指定在突出显示“历史”时也应突出显示“状态”。

---

或者，您可以将URL本身用于结构，例如

#/status/history

而不是

#/history

是的，这将起作用。但是我的侧边栏菜单有显示/隐藏类型的子菜单。比方说，我在第一个子菜单页面，我刷新页面&它在活动状态下工作，子菜单处于可见状态。如果在第二个子菜单中，刷新页面，则整个子菜单处于隐藏状态。。。我应该在这里做什么。ng class=“{show:isActive（'/create workorder'）}”这是用于显示子菜单列表的注释。在这里我添加了第一个子菜单。。。如何声明另一个子菜单如果不想使用父子关系，可以将

ng class=“{show:isActive（'/history'）| | isActive（'/recent'）}”