如何将Ember根模板放入特定位置

Question

那里有很多很棒的Ember例子,但它们似乎都只显示Ember模板在没有实际HTML或BODY标签的沙箱DOM上呈现.它展示了如何很好地将模板链接到彼此,但遗漏了一个主要问题:

如何将根Ember模板放在我页面的DOM上的特定位置？

我已经appendTo()在文档中看到了这个功能,但这似乎是错误的和hacky.

Answer 1

您可以在创建时将元素id属性传递到rootElement应用程序中:

JS:

App = Ember.Application.create({
rootElement : "#ember-application-root",
});

HTML:

<html>
  <body>
   <div id="ember-application-root"></div>  
  </body>
</html>