我正在尝试显示一个列表,它是列表的并集。
我的模型
我有两个将电影链接到图书馆的 hasMany 关系
+---------+ hasMany +---------+ hasMany +-------+
| Library | ---------> | Storage | ---------> | Movie |
+---------+ +---------+ +-------+
Javascript:
App.Library = DS.Model.extend({
name : DS.attr(),
storages : DS.hasMany('storage', {async:true})
});
App.Storage = DS.Model.extend({
hostname : DS.attr(),
login : DS.attr(),
password : DS.attr(),
name : DS.attr(),
movies: DS.hasMany('movie', {async:true})
});
App.Movie = DS.Model.extend({
name: DS.attr()
duration : DS.attr()
});
该库已加载到我的 AppController 中:
App.ApplicationController = Ember.Controller.extend({
data: function() {
return this.get('store').find('library', 1);
}.property()
});
问题
我要做的是显示我图书馆中所有电影的列表,按名称排序。我尝试了类似的方法,但它不起作用:
App.LibraryController = Ember.ArrayController.extend({
needs: ['application'],
sortProperties : [ 'name' ],
sortAscending : true,
model: function() {
var storages = this.get('controllers.application.data.storages');
if (storages) {
return storages.mapBy('cpls').reduce(function(accum, items) {
return accum.pushObjects(items);
}, Ember.ArrayController.create({}));
}
else {
return [];
}
}.property('controllers.application.data.storages.@each')
});
但是这种方法有几个问题:
- 显然,它不起作用
- 如果添加或删除单个电影,则必须重建整个 Array 而不是仅修改一个条目
- 该属性应该依赖,
controllers.application.data.storages.@each.movies.@each
但 EmberJS 不支持在 @each 之后添加选择器(请参阅计算属性末尾的注释并使用 @each 聚合数据)
我需要一些指示,有人知道如何正确解决这个问题吗?
编辑 :
我发现了这个与我的问题相关的要点Ember.js 中合并数组的实现,它结合了来自多个源数组的项目