需要正确地在导轨插座中安装主Ember插座

Question

我正在将应用程序的一部分移动到Ember，作为希望迁移完整应用程序的第一部分。它是一个rails应用程序，我在概念验证阶段。在我的rails视图（index2.html.erb）中，我有以下内容：

<script type="text/x-handlebars">
  <div>
    here is outlet:
    {{outlet}}
  </div>
</script>
within index2

但是，这会将hmber输出呈现在html页面的底部，如下所示：

我该如何解决这个问题？即使我将我的Ember插座放在我的Rails布局中，它也会呈现相同的效果。

thx任何帮助

Answer 1

在声明您的余烬应用时，请包含对div的引用，如下所示：

App = Ember.Application.create({
  rootElement: '#app'
});

然后在您希望应用显示的位置创建一个带有该ID的div：

<div id="app"></div>

现在你的应用程序将插入该div中。