Javascript AngularJS stateprovider视图模板
这是我的角度位的外观,也是我在模板wiki.tpl.html中执行它的方式: 现在主视图工作正常,但是当我尝试集成侧边栏时,它没有加载,我做错了什么?我如何在这样的一个页面中使用多个模板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
谢谢大家! 如果要使用嵌套模板,则应使用子视图来实现。在当前示例中,您将两个模板都设置为同级模板
<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' }
})