Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS stateprovider视图模板_Javascript_Templates_Angularjs_View - Fatal编程技术网

Javascript AngularJS stateprovider视图模板

Javascript AngularJS stateprovider视图模板,javascript,templates,angularjs,view,Javascript,Templates,Angularjs,View,这是我的角度位的外观,也是我在模板wiki.tpl.html中执行它的方式: 现在主视图工作正常,但是当我尝试集成侧边栏时,它没有加载,我做错了什么?我如何在这样的一个页面中使用多个模板 谢谢大家! 如果要使用嵌套模板,则应使用子视图来实现。在当前示例中,您将两个模板都设置为同级模板 <div ui-view="sidebar-left"></div> 我建议您创建两个状态。主模板“main”和另一个视图“main.wiki”的抽象视图。路由应分配给“main.wiki

这是我的角度位的外观,也是我在模板wiki.tpl.html中执行它的方式:

现在主视图工作正常,但是当我尝试集成侧边栏时,它没有加载,我做错了什么?我如何在这样的一个页面中使用多个模板


谢谢大家!

如果要使用嵌套模板,则应使用子视图来实现。在当前示例中,您将两个模板都设置为同级模板

<div ui-view="sidebar-left"></div>
我建议您创建两个状态。主模板“main”和另一个视图“main.wiki”的抽象视图。路由应分配给“main.wiki”状态,它将从主视图继承参数,包括模板设置


希望这是清楚的

谢谢你的评论,但把它做成骆驼案并不能完全解决问题。此外,它的工作原理是,如果我把主index.html文件放在旁边,但如果不是在模板文件中。
<div ui-view="sidebar-left"></div>
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' }
    })