在EmberJS中使用「子控制器」

Question

我在設計EmberJS佈局時遇到了一些麻煩。我有分爲兩個部分視圖：

• 內容庫在右側

左

播放列表編輯器目前，這兩種元素共享相同的控制器。

我無法確定如何使用兩個不同的控制器來爲這兩個方面重新使用其他視圖中的內容庫，甚至可以使用兩個播放列表編輯器來查看內容庫。

我的根視圖看起來像這樣至今：

<script type="text/x-handlebars" data-template-name="playlists"> 
    <div id="library">{{template library}}</div> 
    <div id="playlistEditor">{{template playlisteditor}}</div> 
</script> 

我看到了有關的{{control}}幫助文檔，但它是不穩定的，我不知道這就是我要找的。

謝謝！

Answer 1

好吧，我找到了答案，我只好用{{render}}幫手，這樣的：

<script type="text/x-handlebars" data-template-name="playlists"> 
    <div id="library">{{render "library" library}}</div> 
    <div id="playlistEditor">{{render "playlisteditor" playlist}}</div> 
</script> 

然後，在我的路線：

App.PlaylistsRoute = Ember.Route.extend({ 
    setupController: function(controller) { 
    controller.set('playlist', playlist); 
    controller.set('library', library); 
    } 
}); 

然後，這個EmberJS會自動接線App.PlaylisteditorController,App.LibraryController和意見playlisteditor和library。真棒。