ember.js - 在 ember.js pre4 中连接子视图的正确方法

Question

我试图找出在 Ember.js pre4 中连接子视图的正确方法。

我在 App.ContactsShowView 类中将以下 html 设置为模板：

<div class="container">
    <h1>Show Contact</h1>    
    ID:{{id}}
</div>
 Info:
{{outlet infoarea}}

我想将 ContactsShowinfoView 渲染到上述插座信息区域。

App.ContactsShowinfoView = Ember.View.extend({
    templateName: 'contact/templates/contactsShowinfoView',
});

阅读文档，这似乎应该通过 Route 中的 renderTemplate 方法来完成。我尝试了以下代码的多种变体：

App.ContactsShowRoute = Ember.Route.extend({
    renderTemplate:function() {
        this._super();
        this.render( "contactsshowinfo", {
            outlet:"infoarea"

        });
    }
});

充其量我没有收到错误消息，只是显示了 ContactShow 视图（但没有，连接插座）。

我错过了一些明显的东西吗？

Answer 1

您没有为视图/模板使用一致的名称。试试这个：

App.ContactsShowInfoView = Ember.View.extend({
    templateName: 'contact/templates/contactsShowInfoView',
});

App.ContactsShowRoute = Ember.Route.extend({
    renderTemplate:function() {
        this._super();
        this.render( "contactsShowInfo", {
            outlet:"infoarea"

        });
    }
});