嵌套多列导航

Question

我正在尝试开始使用ember.js并且已经完成了＆＃39; todo＆＃39;教程以及阅读大部分指南。但是，我无法正确进行此多列导航，很遗憾，我们无法找到类似的示例。

所以，我有多个栏目，让第一个列出一个画廊列表。 当用户选择图库时，我想在图库列表旁边的列中显示所有图像。最后我将有两个以上的级别，但现在应该有两个级别。我设法显示了画廊列表，但是一旦我选择了一个画廊，就没有任何反应。我究竟做错了什么？我也不太确定如何绘制路线的最佳方式。

以下是我的代码的链接：http://emberjs.jsbin.com/gesereyu/1/edit

这是我的路由器配置：

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

Answer 1

我稍微修改了你的垃圾箱。 Here is the working demo.以下是我所做的更改。

1. 在链接到帮助器中，用引号指定路径，并指定要成为动态段的所有模型数据。

   {{#link-to "gallery" this.id}}{{name}}{{/link-to}}
   

2. 不是将画廊直接渲染到“画廊”路线中，而是将它们渲染到画廊/索引路线中。这样您就不需要使用renderTemplate。

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