Question

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

我不知道如何声明活动而不是链接。 ng-class="{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>

Answer 1

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

对于父子菜单，您可以选择对关系进行编码，例如：指定在突出显示“历史记录”时还应突出显示“状态”。或者您可以将URL本身用于结构，例如#/status/history代替#/history。

如何在angularjs中放置isActive多个页面

1 个答案: