Ember嵌套出口

Nested Outlets in Ember?

本文关键字：出口 嵌套 Ember      更新时间：2023-09-26

我的路由器：

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

时，标准模板永远不会加载到页面上

需要在数据模板名称属性中指示路径，如：

标准模板：

<script type="text/x-handlebars" data-template-name="overview/standard">
    <div style="width: 200px; height: 200px; background: blue; float: right;"></div>
</script>
相关文章：