Question

我正在尝试根据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>
</ul>

routeProvider.js

adminApp.config(function($routeProvider) {
$routeProvider

    .when('/createUser', {
        templateUrl : 'app/components/admin/views/createUserView.html',
        controller  : 'createUserController'
    })

    .when('/manageUsers', {
        templateUrl : 'app/components/admin/views/manageUsersView.html',
        controller  : 'manageUsersController'
    })

    .when('/editUser', {
        templateUrl : 'app/components/admin/views/editUserView.html',
        controller  : 'manageUsersController'
    })

    .when('/reports', {
        templateUrl : 'app/components/admin/views/reportsView.html',
        controller  : 'reportsController'
    })

    .when('/reports', {
        templateUrl : 'app/components/admin/views/accessReportsView.html',
        controller  : 'reportsController'
    })

    .when('/reports', {
        templateUrl : 'app/components/admin/views/detailsReportView.html',
        controller  : 'reportsController'
    })

我正在尝试做这样的事情：

<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>

Link git repo if needed

Answer 1

根据您当前的配置，您的锚点#/属性

中应该有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>

显示基于当前Angular Route的HTML元素

1 个答案: