javascript - Ember JS : ArrayController with Dynamic Segments (Router) but not Store

Question

我想知道如何构建一个“简单”的应用程序:

/photos/ (shows all photos – via ArrayController but without a remote service)
/photos/1  ... /photos/2  (shows one photo)

谁能提供最佳实践吗？

Answer 1

您必须定义一个与您想要的 url 匹配的路由:

App.Router.map(function() {
    // this will give you ~/#/photos
    this.route('photos') 
    // this will give you ~/#/photos/1 (or whatever number)   
    this.route('photo', { path: '/photos/:photo_id' }); 
});

这是一个示例:http://jsfiddle.net/schawaska/AabL8/

如果您想要执行嵌套 View ，例如显示拇指列表，并且当单击拇指时，您会在列表下方看到实际大小的图片，那么您必须通过使用嵌套的路线资源来执行稍微不同的操作像这样:

App.Router.map(function() {    
    this.resrouce('photos', function() {
        this.route('photo', { path: '/:photo_id' });    
    });
});

如果您这样做，则必须在“照片”模板中添加 {{outlet}}并在负责单个照片对象的类的名称中添加 Photos

• PhotoRoute 变为 PhotosPhotoRoute
• data-template-name="photo" 变为 data-template-name="photos/photo"

这是一个示例:http://jsfiddle.net/schawaska/JfRbf/