如何确定Ember.js的呈现位置？

Question

我有一个用Ember.js创建的应用程序。 html有脚本标签。我想在Ember.js呈现的内容下面放置纯HTML div。但当我把它放在这样的下面时：

<script type="text/x-handlebars">
</script>
<div>my super div</div>

超级div高于ember.js内容。怎么做它会低于ember.js的内容？

Answer 1

app/templates/application.hbs文件是Ember的主要模板文件。 {{outlet}}允许在该模板中呈现任何路径模板。您可以将<div>放在{{outlet}}下方，让application.hbs文件呈现给它：

<h1>tomaszs's app</h1>
  {{outlet}}
<div>my super div</div>

这样，您的<div>就会出现在＆＃34;下面＆＃34; Ember内容（通过{{outlet}}呈现）。

Answer 2

为此，您需要将div放在父模板的{{outlet}}下。例如，如果您的路由器看起来像这样：

Router.map(function() {
  this.route('posts', function() {
    this.route('new');
  });
});

并且您希望在posts/new模板中使用此功能，将div标记放在帖子模板中的{{outlet}}下。