如何控制Ember.js应用程序渲染的位置？

Question

我试图将我的Ember应用程序切换到使用Ember.Router，但是在应用程序模板添加的位置上遇到了问题。当我调用App.initialize()时，它会将模板呈现在文档末尾。是否有一种方法可以指定呈现的应用程序模板添加到哪里？

我的应用程序是一个Rails应用程序，我正在尝试在其中一个页面上嵌入一个Ember应用程序。我不想改变当前头部和页脚的呈现方式，因此理想情况下我应该能够指定Ember呈现模板的位置。

这里有一个jsfiddle示例。您可以看到它呈现为：

Header Content Footer Content Test 1 Test 2 Test 3

我要尝试的是：

Header Content Test 1 Test 2 Test 3 Footer Content

- rtremaine

Answer 1

设置Ember.Application的rootElement属性：http://jsfiddle.net/vAxkL/3/

文档：http://docs.emberjs.com/symbols/Ember.Application.html

编辑——通过将其锚定到1.0.pre版本修复了fiddle：http://jsfiddle.net/vAxkL/11/

- dechov

---

不确定为什么，但我必须执行**rootElement: '#application'而不是rootElement: $('#application')**。 - rtremaine

值得一提的是，当您使用的rootElement不是body时，无论在哪里调用视图上的append()方法都需要更改为appendTo('#id-of-your-root-element')，否则Ember会以某种奇怪的方式失败。 - rtremaine