ember.js - 如何将 Ember 根模板放置到特定位置

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

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

我在文档中看到了 appendTo() 函数，但这似乎是错误的和 hacky。

最佳答案

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

JS:

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

HTML:

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

关于ember.js - 如何将 Ember 根模板放置到特定位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14142330/