javascript - Ember中的嵌套奥特莱斯？

Question

我的路由器：

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>

我可以在另一个插座中没有插座吗，或者我在这里缺少什么，当我在 url 处时，标准模板永远不会加载到页面：index.html#/overview/standard

Answer 1

需要在 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>