Angularjs 显示基于当前角度路由的HTML元素

我正试图根据routeProvider添加三个额外的列表项。如果导航到报告路由，我想使用ng show使另外三个列表项可见。我希望它们保持可见，除非导航到“创建用户”或“管理用户”路径。新列表项是访问报告和详细信息报告

HTML:

我正在尝试这样做：

<ul class="nav nav-pills nav-stacked">
    <li>
        <a href="#createUser"> Create User</a>
    </li>
    <li>
        <a href="#manageUsers"> Manage Users</a>
    </li>
    <li>
        <a href="#reports"> Reports</a>
    </li>
    <!--show this list item if the route is /reportsView or /accessReportsView orsummaryReportsView-->
    <li>
        <a ng-show="" href="#reports"> Access Reports</a>
    </li>

</ul>

---

似乎根据您当前的配置，您应该在您的锚

href

属性中具有

#/

<ul class="nav nav-pills nav-stacked">
    <li>
        <a href="#/createUser"> Create User</a>
    </li>
    <li>
        <a href="#/manageUsers"> Manage Users</a>
    </li>
    <li>
        <a href="#/reports"> Reports</a>
    </li>
</ul>

我不知道你这是什么意思。您能进一步解释一下吗？表示您的url在单击时不起作用，但它不能回答您关于如何根据所选路线显示某些项目的问题。请查看哪些项目可以为您提供当前路径，并可用于根据路径向阵列添加/删除项目。但是有很多方法可以做到这一点。

<ul class="nav nav-pills nav-stacked">
    <li>
        <a href="#createUser"> Create User</a>
    </li>
    <li>
        <a href="#manageUsers"> Manage Users</a>
    </li>
    <li>
        <a href="#reports"> Reports</a>
    </li>
    <!--show this list item if the route is /reportsView or /accessReportsView orsummaryReportsView-->
    <li>
        <a ng-show="" href="#reports"> Access Reports</a>
    </li>

</ul>

<ul class="nav nav-pills nav-stacked">
    <li>
        <a href="#/createUser"> Create User</a>
    </li>
    <li>
        <a href="#/manageUsers"> Manage Users</a>
    </li>
    <li>
        <a href="#/reports"> Reports</a>
    </li>
</ul>