ember.js appending view to just before </body>

ember.js appending view to just before </body>

本文关键字：lt body gt before appending js view to just ember      更新时间：2023-09-26

我刚开始使用Ember.js的1.0预发布版本，但遇到了一个难题。

在我的HTML中，我有这样的：

<script type="text/x-handlebars" data-template-name="application">
  {{outlet}}
</script>
<script type="text/javascript">
    $(function() {
        console.log("starting Ember app");
        App.initialize();
    });
</script>
<div id="footer">
    ... footer html ...
</div>
</body>

这一切似乎都很好，只是它没有将视图放在｛｛outlet｝｝所在的位置，而是将其附加在结束正文标记之前，使其显示在页脚下方。

这是我正在使用的路由器：

App.Router = Ember.Router.extend({
    root: Ember.Route.extend({
        index: Ember.Route.extend({
            route: '/',
            redirectsTo: 'portfolios'
        }),
        portfolios: Ember.Route.extend({
            route: '/portfolios',
            connectOutlets: function(router) {
                router.get('applicationController').connectOutlet('portfolios', App.Portfolio.find());
            }
        })
    })
});

我做错了什么？

非常感谢上面的所有评论-我在他们的帮助下找到了答案-

在我的应用程序对象上，我需要指定一个rootElement ala:

App = Ember.Application.create({
    rootElement: '#app',
    ...

然后在HTML中添加一个div，将带有出口的模板附加到：

<div id="app"></div>
相关文章：