迭代Ember.js余烬数据记录数组

时间:2013-08-09 00:23:40

标签: javascript ember.js ember-data

我整天都在反对这个问题,我觉得我已接近解决方案,但却无法实现。我正在使用Ember.js和Ember-Data以及Fixtures适配器,最终迁移到REST适配器。基本问题是:我有网站和主管,多对多关系。我想向用户显示他们现有网站/主管配对的选择框,按网站排序,即:

  • 网站1 - 主管1
  • 网站1 - 主管2
  • 网站2 - 主管1 (记住,多对多)
  • 第2站 - 主管3

我需要将这两个资源争论到一个数组中,我可以将其传递给从Ember.Select继承(或将继承)的视图。目前我正在尝试使用Supervisors控制器上的一个方法,我称之为“平坦”,因为它将返回一个表示这些关系的扁平数组。控制器如下所示。我正在使用.find()。then()来处理承诺完成后的数据。我得到的数据出现以包含我的所有四个灯具,但是当我尝试它们的任何可枚举方法时(特别是forEach),它的行为就像它只返回了第一个对象一样。我试过迭代数据对象以及data.get('content')。我对Ember很新,所以也许我不管怎么说这都是错的,但无论如何这对我来说似乎很奇怪。这是我的代码:

App.SupervisorsController = Ember.ArrayController.extend({
  flat: function(){
    return App.Supervisor.find().then(function(data){
      var c = data.get('content') ;
      console.log(c) ;    // <-- logs an object containing four records,
                          //     with attribute "length" showing 4
                          //     Great! (see below for log output)

      console.log(c[0]) ; // <-- logs first record. Great!
      console.log(c[1]) ; // <-- undefined (?!)
      console.log(c[2]) ; // <-- undefined (?!)
      console.log(c[3]) ; // <-- undefined (?!)
      console.log(c.get('length')) ; // <-- 1 (not four?!)

      return c ; // <-- eventually this will return the newly constructed array
    }) ;
  }
}) ;

这是第一个console.log()调用的日志输出

0: Object
1: Object
2: Object
3: Object
__ember1376005434256: "ember325"
__ember1376005434256_meta: Meta
_super: undefined
length: 4
__proto__: Array[0]

你能告诉我这里缺少什么吗?我无法弄清楚如何访问四个结果主管中的每一个。

谢谢!

1 个答案:

答案 0 :(得分:9)

看起来你在加载模型之前就已经访问了模型(你可以在属性中看到这个,isUpdating)。如果你觉得懒洋洋地看着这个,你可以稍后使用ember run来看看这些项目。或者你可以在控制器上设置模型并渲染它,让ember在模型加载完成后更新视图......

 Ember.run.later(function(){
    data.forEach(function(item){
    console.log(item);
   });
 }, 2000);



 App.ApplicationRoute = Ember.Route.extend({
   activate: function(){
     this.controllerFor('supervisors').set("model", App.Supervisor.find());
   }
 });

http://jsbin.com/ijiqeq/12/edit

祝恩伯恩好运!

 someArray: function(){
   var arr = Ember.A();
   this.get('model').forEach(function(item){
     item.get('sites').forEach(function(site){
       arr.pushObject(someObject); //some object that is represents each specific combination
     });
   });
 }.property('model')