如何访问隐藏在DS.PromiseArray中的数组数据

时间:2013-10-16 20:52:34

标签: javascript jquery ember.js promise

这是对accessing another models data in ember.js

的跟进

我有一种情况,我想用选择的多选框过滤列表。发送数据时,this.store.find('tag')始终返回DS.PromiseArray。 Ember.Select似乎处理得很好,但选择的多选择似乎不喜欢它。我见过这样的事情:

this.store.find('tag').then(function(items) {
   return items.map(function(item){
      return [item.get('id'), item.get('name')]
   })
})

但我似乎总是在地图函数上得到一个typeerror {} ...

这是一个概述问题的jsfiddle: http://jsfiddle.net/viciousfish/TEZjW/

奖励积分!演示将所选的选项显示为单个选择(为清晰起见)。我想将其用作多重选择,可以通过在multiple: true

中设置App.MultipleSelect来设置

更新这是另一个我认为应该工作的jsfiddle,但似乎不是! http://jsfiddle.net/viciousfish/FZ6yw/1/

更进一步,这个小提琴表明.then应该能够解构promiseArray http://jsfiddle.net/marciojunior/DGT5L/

1 个答案:

答案 0 :(得分:6)

这是一个功能性的jsfiddle http://jsfiddle.net/FZ6yw/2/

我将承诺代码移动到路线的afterModel挂钩,因为承诺友好https://gist.github.com/machty/5723945

我也改变了map函数,你返回了数组,在我的代码中它返回了对象

App.AssetsRoute = Ember.Route.extend({
  model: function () {
    return this.store.find('asset');
  },
  afterModel: function () {
    var self = this;
    return this.store.find('tag').then(function(items) {
       var allTags = items.map(function(item){
           return {id:item.get('id'), name:item.get('name')};
       });
       self.controllerFor('tags').set('content', allTags);
    })
  },
});