在ember.js中連接子視圖的正確方法pre4

Question

我想弄清楚在Ember.js pre4中連接子視圖的正確方法。

我有以下的HTML設置爲類App.ContactsShowView模板：

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

我想呈現ContactsShowinfoView成以上出口infoarea。

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

閱讀文檔看起來這應該通過路由中的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" 

     }); 
    } 
});