2014-05-20 112 views
0

我想要開始使用ember.js並通過'todo'教程以及閱讀大部分指南。但是,我無法獲得這個多欄導航的權利,不幸的是一直沒能找到類似的例子。嵌套的多列導航

所以,我有多個列,讓我們打電話給第一個列表gallerys。 當用戶選擇圖庫時,我想在圖庫列表旁邊的列中顯示所有圖像。最後我會有兩個以上的關卡,但現在應該有兩個關卡。我設法顯示畫廊的列表,但只要我選擇一個,沒有任何反應。我究竟做錯了什麼?我也不太確定如何映射路線的最佳方式。

這裏是鏈接到我的代碼:http://emberjs.jsbin.com/gesereyu/1/edit

這是我的路由器配置:

App.Router.map(function() { 
    this.resource('gallerys', { path: '/' }, function() { 
    this.resource('gallery', { path: '/:gallery_id'}); 
    }); 
}); 
+0

你觀看這部影片?它顯示了一個與博客標題和博客描述並排加載的類似示例。 http://emberjs.com/guides/ – sabithpocker

+0

是的,我做到了。我的主要問題是,在視頻中它返回一個具體的博客文章的選擇,而我需要返回以下實體的列表。我一直無法弄清楚我應該如何正確映射。 –

回答

1

我修改你的bin一點。 Here is the working demo.這是我所做的更改。

  1. 在鏈接輔助程序中,用引號和所有要作爲動態段的模型數據指定路徑。

    {{#link-to "gallery" this.id}}{{name}}{{/link-to}} 
    
  2. 不用翻譯gallerys直接進入「gallerys」路線,使它們進入gallerys /索引路線。這樣你就不需要使用renderTemplate。

    App.GallerysIndexRoute = Ember.Route.extend({ 
        model: function() { 
        return this.store.find('gallery'); 
        } 
    });