Embedded hasMany属性访问给出“TypeError：Can not call method”hasOwnProperty'undefined“ [英] Embedded hasMany attribute access gives "TypeError: Cannot call method 'hasOwnProperty' of undefined"

问题描述

使用：

• Ember commit a5d45f66e1 from Jan 3，2013）


• Ember-Data 提交508479dee7从2013年1月4日

• Ember commit a5d45f66e1 from Jan 3, 2013)
• Ember-Data commit 508479dee7 from Jan 4, 2013

与这个问题（'无法获得hasMany关联'），我无法访问嵌入式hasMany记录直接，但可以通过模型的内容属性看到他们。

Similar to this question ('Unable to get hasMany association'), I am unable to access embedded hasMany records directly but can see them through the model's content attribute.

对于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（注意地图语句，这是解决方案在先前的问题）：

And app.js (note the map statements, which were the solution suggested in the prior question):

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();

一切看起来都不错，就像其他海报一样：

Everything looks fine at first, just like other poster:

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

通过内容访问显示数据在： p>

Accessing via content shows the data is there:

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

现在，如果我再次尝试访问，我有一个稍微不同的错误： p>

Now if I try accessing directly again, I get a slightly different error:

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

这可能与也可能与这个bug 几天前提交的。

This may or may not be related to this bug filed a few days ago.

我觉得我在这里尝试过一切;我希望我只是想念一些简单的东西。任何指针非常感谢。谢谢。

I feel like I've tried everything here; I hope I'm just missing something simple. Any pointers very much appreciated. Thanks.

推荐答案

这是最终对我有用的。似乎有一些操作灵敏度，即在创建商店之前进行配置和映射。另请注意，adapter.map是一个方便的函数，用于在串行器上执行映射。

This is what ultimately worked for me. There seems to be some order-of-operations sensitivity i.e., doing the configure and map before creating the store. Also note that adapter.map is a convenience function that performs the mapping on the serializer.

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"
  })
});

这篇关于Embedded hasMany属性访问给出“TypeError：Can not call method”hasOwnProperty'undefined“的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！