AngularJS 嵌套 View

标签 angularjs angular-ui angular-ui-router angular-routing

您好,我不知道如何显示导航栏和 route 的真实内容。 我的 stateProvider 如下所示:

    .state('panel', {
        abstract: true,
        views: {
            // the child views will be defined here (absolutely named)
            'navbar': { templateUrl: 'packages/admin/app/partials/panel/navbar.html' }
        }
    })
    .state('panel.dashboard', {
        url: '/dashboard',
        templateUrl: 'packages/admin/app/partials/panel/index.html',
        controller: 'AdminCtrl'
    });

我的主要 HTML 文件如下所示:

<body>
   <div ui-view="navbar"></div>
    <div class="container">
     <div ui-view></div>
   </div> <!-- /container -->

</body>

在路由/dashboard之后,我只看到*ui-view="navbar"中生成的navbar.html内容,但我看不到来自主ui-view的index.html'。如何管理这个?

最佳答案

我不知道你为什么要尝试使用 multiple views当这似乎是普通嵌套 View 的更好使用案例时。我会尝试在嵌套 View 示例之后对您的代码进行建模: https://github.com/angular-ui/ui-router#nested-states--views

关于AngularJS 嵌套 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22900193/

相关文章:

javascript - 为什么我必须在 Angular 中以特殊方式访问 JSON?

javascript - 在 angular-ui-bootstrap (v.0.10.0) Datepicker 中 - 如何按日期(或日期数组)禁用单日?

angular-ui-bootstrap - ui-grid 在 angular-ui-tab 中消失

angularjs - UI-Router 不使用参数进行路由

javascript - 如何在加载控件时触发函数

javascript - 如何使用 Javascript 在 chrome 中禁用保存密码气泡?

css - 更改 Angular Timepicker 字体大小

javascript - Angular-ui-router state.transitionTo 无法在 Controller 功能之外工作

javascript - ui-router 和 Angularjs 问题

javascript - Angular 路由问题 - ionic header 未在选项卡中更新