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

Question

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

[ Nav Bar ]

|         |
| Content |
|         |

我希望在所有页面上保持不变的导航栏。所以我使用的方法是按如下方式设置我的页面:

[ Nav Bar ]

{{outlet}}

这很棒，我现在可以将不同的页面渲染到我的 socket 中以用于不同的路线。

但是，如果我希望将默认模板呈现到我的主页的 socket 中怎么办？

我设法通过重定向 / 来实现这一点至 /home ，但必须有更好的方法来做到这一点，它允许我在 / 呈现默认主页无需重新路由？

任何建议表示赞赏，

谢谢，
丹尼尔

Answer 1

要在根页面/的 {{outlet}} 中呈现内容，您必须为索引定义一个处理程序脚本:

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

<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"的 Handlebars 脚本。

应该管用。它不需要任何 js 代码即可工作。