javascript - AngularJS stateprovider View 模板

Question

WikiApp.config(function config($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('revision', {
        url: '/wiki',
        views: {
            "main": {
                controller: 'ListCtrl',
                templateUrl: 'wiki/wiki.tpl.html'
            },
            "sidebar-left": {
                templateUrl: 'wiki/wiki.sidebar-left.tpl.html'
            }
        },
        data:{ pageTitle: 'List articles' }
    })

这就是我的 Angular 位的样子，这就是我在模板 (wiki.tpl.html) 内执行它的方式:

<div ui-view="sidebar-left"></div>

现在 main View 工作正常，但当我尝试集成侧边栏时，它无法加载，我做错了什么以及如何在单个页面中使用多个模板像这样吗？

谢谢!

Answer 1

WikiApp.config(function config($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('revision', {
        url: '/wiki',
        views: {
            main: {
                controller: 'ListCtrl',
                templateUrl: 'wiki/wiki.tpl.html'
            },
            sidebarLeft: {
                templateUrl: 'wiki/wiki.sidebar-left.tpl.html'
            }
        },
        data:{ pageTitle: 'List articles' }
    })