无法访问 Ember.js 模型的属性

Question

我在访问 Ember.js 中的模型属性时遇到问题

型号：

App.Page = DS.Model.extend({
  title: DS.attr('string'),
  parent: DS.attr('number'),
});

控制器：

App.BlocksController = Ember.ArrayController.extend({

  pages: function() {
    return App.Page.find();
  }.property(),

  pageTree: function() {
    var pages = this.get('pages.content'),
        pageTree = new Tree();
    for(var i = 0; i < pages.length; i++) {
        console.log( pages[i], pages[i].id, pages[i].parent );
    }
    pageTree.insertList(pages);
    return pageTree;
  }.property('pages.@each'),

});

我在模板/视图中使用pageTree 属性。 console.log 确实打印了从 API 检索到的对象（包括 id），但是，我无法访问它的属性（parent 给了我 undefined，但它在 API 响应中）。

一个console.log 行如下所示：

Object {id: "5", clientId: 19, type: function, data: Object, prematerialized: Object…}
"5"
undefined 

我假设使用pages.@each 作为属性，pageTree 属性应该绑定到（加载的）页面数组。

是的，pages 不是由 ArrayController 控制的模型，而是一组辅助模型。

当我在模板中使用{{#each pages}}{{parent}}{{/each}} 时，它可以工作！所以我猜，问题与数据绑定有关？

作为参考，我使用的是 Ember 1.0.0-rc.6.1、ember-data 0.13、ember-data-django-rest-adapter 0.13

Answer 1

好的，感谢 IRC：

pageTree: function() {
  var pages = this.get('pages'),
    pageTree = new Tree();
  pages.forEach(function(page) {
    //console.log(page, page.get('parent'));
    pageTree.insertAt(page.get('parent'), page );
  });
  return pageTree;
}.property('pages.@each'),

所以，不是.content，而是forEach 和.get()。