1

我在访问 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

4

1 回答 1

2

好的，感谢 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()。

于 2013-08-03T20:00:50.677 回答