Question

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

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

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

        });
    }
});

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

1 个答案: