我的路由器:
App.Router.map( function() {
this.resource('overview', {path: "/overview"}, function(){
this.route('standard', {path: "/overview/standard"});
});
});
申请模板:
<script type="text/x-handlebars" data-template-name="application">
<div id="wrapper" class="clearfix">
<hgroup>
<header>
<div id="sessionInfo">
</div>
</header>
</hgroup>
{{partial Nav}}
<div id="content" class="clearfix">
{{outlet}}
</div>
</div>
</script>
概述模板:
<script type="text/x-handlebars" data-template-name="overview">
<div class="Box">
<img id="disBox" src="blah.png" />
</div>
{{outlet}}
</script>
标准模板:
<script type="text/x-handlebars" data-template-name="standard">
<div style="width: 200px; height: 200px; background: blue; float: right;"></div>
</script>
我可以在另一个插座内没有插座,或者我在这里缺少什么,当我在网址时,标准模板永远不会被加载到页面:index.html#/ overview / standard
答案 0 :(得分:0)
需要在data-template-name属性中指示路径,如下所示:
标准模板:
<script type="text/x-handlebars" data-template-name="overview/standard">
<div style="width: 200px; height: 200px; background: blue; float: right;"></div>
</script>