javascript - 嵌套多栏导航

Question

我正在尝试开始使用 ember.js，并已完成“todo”教程并阅读了大部分指南。但是，我无法正确获得此多列导航，并且不幸的是无法找到类似的示例。

所以，我有多个列，我们将第一个列称为画廊列表。 当用户选择图库时，我想在图库列表旁边的列中显示所有图像。最后，我将拥有两个以上的级别，但现在应该是两个级别。我已成功显示画廊列表，但一旦我选择一个画廊，就什么也没有发生。我究竟做错了什么？我也不太确定绘制路线的最佳方法是什么。

这是我的代码的链接: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. 不要将画廊直接渲染到“画廊” route ，而是将它们渲染到画廊/索引 route 。这样您就不需要使用 renderTemplate。

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