在伊恩（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>