在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"

        });
    }
});