控制器依赖如何在Ember.js中工作

Question

我的简单SPA在一页上共有3个部分：

1. 照片列表
2. 框架列表
3. 最终产品清单（框内照片）

用户选择照片和框架以形成新产品。还可以添加新的照片和框架。

我认为控制器应如下所示：

App.ProductsController = Ember.Controller.extend({
    needs: ['photos', 'frames'],
    photosBinding: 'photos',
    framesBinding: 'frame',
    actions: {
        newProduct: function () { ... }
    },
    ....
});

App.PhotosController = Ember.Controller.extend({ ... });
App.FramesController = Ember.Controller.extend({ ... });

由于我是Ember的新手，我不知道如何解决其余问题。

1. 照片和相框是否需要自己的路线？如果是，我应该如何阻止用户修改URL并显示不应显示的内容。如果不是，控制器如何连接到他们的模型？
2. 我想创建新的照片和框架，由各自的控制器处理，我该怎么做？

Answer 1

照片和框架听起来都像是应用程序的资源

你需要资源

App.Router.map(){
 this.resource('photos');  //for photo list
 this.resource('frames'); // for frames list
}

等等......请在ember网站上查看ember文档，您将可以轻松地执行此操作DOCS

有关详细信息，请参阅madhatted的communication between controllers详细信息