Ember的嵌套奥特莱斯?

时间:2013-08-13 22:27:09

标签: javascript ember.js

我的路由器:

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

1 个答案:

答案 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>