ember.js - ember js DS.AdapterPopulatedRecordArray 内容

Question

AppController = Ember.ArrayController.extend
cat_id: ''
subcat_data: (->
  App.Subcategory.find({ parent_id: @get("cat_id") })
).property('cat_id').cacheable()

categorySub: (->
 result = Ember.A()
 for category in this.toArray()
    @set('cat_id', category.id)
    @sub = @get("subcat_data")
    console.log @sub
    result.pushObject({
      category: category
      subcategories: @sub.toArray()
    })

result.toArray()
).property('@subcat_data', '@each')

现在在console.log @sub显示零个对象的内容

DS.AdapterPopulatedRecordArray:ember768> { query={...}, content=[0], store=, more...}

但是当我检查 firebug DOM 时它会显示对象的内容 内容 [17, 18]

我在这里做错了什么？

Answer 1

如果您使用 Ember-data，当您通过 console.log、Ember 请求其内容时，ControllerArray 的内容不会立即填充-data 返回一个 Promise，一个空对象 RecordArray，其内容将在将来的某个时刻被填充。当你检查 DOM 中的内容时，内容已经填满了。验证这一点的更好方法是仅在内容填充时调用 console.log。

contentDidChange: function() {
  console.info(this.get('content'));
}.observes('content.isLoaded')