嵌入式hasMany属性访问提供“TypeError:无法调用方法'hasOwnProperty'未定义”

时间:2013-01-05 18:28:09

标签: ember.js ember-data

使用:

this question ('Unable to get hasMany association')类似,我无法直接访问嵌入式hasMany记录,但可以通过模型的内容属性查看它们。

对于JSON:

{
   "ref_book_search":{
      "query":"har",
      "results":[
         {
            "publisher":{
               "name":"Pangolin",
               "created":"2012-09-10T18:38:27.259515",
               "id":"3d2028e4fb91181e1a6e012313914f821",
               "is_active":true,
               "main_url":null,
               "resource_uri":"/api/v1/ref_publisher/3d2028e4fb91181e1a6e012313914f821"
            },
            "genre":"romcom",
            "id":"cc671f00fc2711e1e41612313914f821",
            "resource_uri":"/api/v1/ref_book/cc671f00fc2711e1e41612313914f821",
            "title":"Harry Placeholder and the Goblet of PBR"
         },
         {
            "publisher":{
               "name":"Hoof & Mouth",
               "created":"2012-10-10T14:31:27.259515",
               "id":"3d200e9afb9811e1a27417383914f821",
               "is_active":true,
               "main_url":null,
               "resource_uri":"/api/v1/ref_publisher/3d200e9afb9811e1a27417383914f821"
            },
            "genre":"horror",
            "id":"cc621f08fc2711e1b81612313914e821",
            "resource_uri":"/api/v1/ref_book/cc621f08fc2711e1b81612313914e821",
            "title":"Harvey Weinstein Holiday Cookbook"
         }
      ]
   }
}

和app.js(注意地图语句,这是前一个问题中建议的解决方案):

var App = Ember.Application.create();

DS.RESTAdapter.configure("plurals", {"ref_book_search" : "ref_book_search"});

App.store = DS.Store.create({
  revision: 11,
  adapter: DS.RESTAdapter.create({
    bulkCommits: false,
    namespace: "api/v1"
  })
});

DS.RESTAdapter.map('App.RefBookSearch', {
  primaryKey: 'query'
});

App.store.adapter.serializer.map('App.RefBookSearch', {
  results: {embeddded: 'load'}
});

App.store.adapter.serializer.map('App.RefBook', {
  publisher: {embeddded: 'load'}
});

App.RefPublisher = DS.Model.extend({
  name : DS.attr('string'),
  created : DS.attr('date'),
  isActive : DS.attr('boolean'),
  mainUrl : DS.attr('string')
});

App.RefBook = DS.Model.extend({
  publisher: DS.belongsTo('App.RefPublisher'),
  title : DS.attr('string'),
  genre : DS.attr('string')
});

App.RefBookSearch = DS.Model.extend({
  query: DS.attr('string'),
  results: DS.hasMany('App.RefBook')
});

App.Router.map(function(match) {
  match('/').to('query'),
  match('/query/:ref_book_search_id').to('query')
});

App.QueryController = Ember.Controller.extend({
  bookSearch: null,
  results: []
});

App.QueryRoute = Ember.Route.extend({
  setupControllers: function(controller, refBookSearch) {
    controller.set('bookSearch', refBookSearch)
    controller.set('results', refBookSearch.get('results').content)
  }
})

App.initialize();

一开始看起来一切都很好,就像其他海报一样:

search = App.RefBookSearch.find('ha')
search.get('query')
// => "ha"
results = search.get('results')
results.get('firstObject') instanceof App.RefBook
// => true

但是:

results.forEach(function(result) { console.log(result.get('title')) })
// => TypeError: Cannot call method 'hasOwnProperty' of undefined

通过内容访问显示数据在那里:

results.content.forEach(function(result) { console.log(result.title) })
// => Harry Placeholder and the Goblet of PBR
// => Harvey Weinstein Holiday Cookbook

现在,如果我再次尝试直接访问,我会收到一个稍微不同的错误:

results.forEach(function(result) { console.log(result.get('title')) })
// => undefined x 2

这可能与前几天提交的this bug有关,也可能没有。

我觉得我在这里尝试了一切;我希望我只是遗漏了一些简单的东西。任何指针非常赞赏。感谢。

1 个答案:

答案 0 :(得分:4)

这最终对我有用。似乎存在一些操作顺序灵敏度,即在创建存储之前进行配置和映射。另请注意,adapter.map是一个便捷函数,用于在序列化程序上执行映射。

App.Adapter = DS.RESTAdapter.extend()

App.Adapter.configure("plurals", {
  "ref_book_search" : "ref_book_search",
  "ref_book" : "ref_book",
  "ref_publisher" : "ref_publisher"
});

App.Adapter.configure('App.RefBookSearch', {
  primaryKey: 'query'
});

App.Adapter.map('App.RefBookSearch', {
  results: {'embedded': 'load'}
});

App.Adapter.map('App.RefBook', {
  publisher: {'embedded': 'load'}
});

App.store = DS.Store.create({
  revision: 11,
  adapter: App.Adapter.create({
    bulkCommits: false,
    namespace: "api/v1"
  })
});