Ember.js - 渲染到插座的默认模板？

Question

所以我有一个如下所示的页面

[ Nav Bar ]

|         |
| Content |
|         |

导航栏我希望在所有页面中保持不变.所以我使用的方法是将我的页面设置如下:

[ Nav Bar ]

{{outlet}}

这很棒,我现在可以将不同的页面呈现在不同路线的插座中.

但是如果我想将默认模板渲染到我的主页的插座中呢？

我已经成功通过重定向来实现这一/来/home,但必须有一个更好的方式来做到这一点,让我在渲染默认主页/,而不重新路由？

任何建议赞赏,

谢谢,丹尼尔

Answer 1

要在根页面/ {{outlet}}中呈现内容,您必须为index定义处理程序栏脚本:

您的导航栏代码可能如下所示:

<script type="text/x-handlebars">
  <div class="navbar ...">
    ...
  </div>

  {{outlet}}
</script>

将放置在{{outlet}}内的根页面是以下内容:

<script type="text/x-handlebars" id="index">
    <div class="container">
      <h1>Root page!!</h1>
    </div>
</script>

换句话说,您必须创建一个具有id ="index"的手柄脚本.

应该管用.它不需要任何js代码.