2014-05-20 106 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'); 
        } 
    });