Question

我试图将整个SPA ember.js页面的内容包装在一个带有特殊类（＆＃39;容器＆＃39;）的div中。

我已经尝试将把手移动到新的div中，但它并没有对输出的页面生效。

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

有什么想法吗？

Answer 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 app将被加载到容器div中。

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

1 个答案: