在 div 中包装 ember.js 正文内容

【问题标题】：Wrapping ember.js body content in div在 div 中包装 ember.js 正文内容
【发布时间】：2015-05-25 07:34:53
【问题描述】：

我正在尝试将整个 SPA ember.js 页面的内容包装在具有特殊类（“容器”）的 div 中。

我已经尝试将把手移动到新的 div 中，但它不会在输出的页面上生效。

<div class="container">
   {{content-for 'body'}}
   {{content-for 'body-footer'}}
</div>

有什么想法吗？

【问题讨论】：

标签： ember.js ember-cli

【解决方案1】：

您需要将rootElement: '#container 添加到app.js 文件中。 rootElement 也必须是 id。

像这样：

var App = Ember.Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver,
  rootElement: '#container',
});

在您的index.html 文件中应如下所示：

  <body>
    <div id="container"></div>
    {{content-for 'body'}}

    <script src="assets/vendor.js"></script>
    <script src="assets/YOUR_APP_NAME.js"></script>

    {{content-for 'body-footer'}}
  </body>

ember 应用将被加载到容器 div 中。

【讨论】：

啊，有道理...谢谢！