javascript – ember.js将视图添加到之前

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ember.js将视图添加到之前，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1003字，纯文字阅读大概需要2分钟。

内容图文

我开始使用1.0预发布版本的Ember.js,并遇到了一个难题.

在我的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}}之外,而不是将其附加到关闭的body标签之前,使其显示在页脚下方.

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

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>

内容总结

以上是互联网集市为您收集整理的javascript – ember.js将视图添加到之前全部内容，希望文章能够帮你解决javascript – ember.js将视图添加到之前所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端