ember.js - 无法获取 hasMany 关联

Question

我使用了提交eaa1123 ( Ember )和508479d (ember-data) 构建 JS 文件。

我从 Rails 后端返回了以下 JSON，它是使用 active_model_serializers 生成的(0.6.0):

{
  "posts": [
    {
      "id": 408,
      "title": "Lorem Ipsum",
      "body": "In at quo tempora provident nemo.",
      "comments": [
        {
          "id": 956,
          "body": "Quo incidunt eum dolorem."
        },
        ...
      ]
    }
  ]
}

以及以下 Ember 型号:

App.Post = DS.Model.extend({
  title: DS.attr('string'),
  body: DS.attr('string'),
  comments: DS.hasMany('App.Comment', {
    embedded: true
  })
});

App.Comment = DS.Model.extend({
  body: DS.attr('string'),
  post: DS.belongsTo('App.Post')
});

一切看起来都很正常:

post = App.Post.find(408);
post.get('title')
// => "Lorem Ipsum"

但是，我似乎无法查看评论:

comments = post.get('comments')
comments.get('firstObject') instanceof App.Comment
// => true
comments.forEach(function(comment) {
  console.log(comment.get('body'))
})
//=> undefined

当我使用时:

comments.content

我得到一个包含对象的数组，因此:

comments.content[0]
//=> { body: "Quo incidunt eum dolorem.", id: 956 }

但这不是我所期望的。

这看起来很明显，所以我一定做错了什么。 副作用是:目前我无法以简单的方式在模板中呈现我的评论，所以我希望有人可以在这方面帮助我。

提前致谢。

Answer 1

如果您使用了该提交，则意味着您使用的是最新的 ember-data 修订版，即 11。添加 embedded: true 来加载嵌入式关联在修订版 5 或 9 之间已被弃用。 ，又不太确定了。

如果您使用默认的restAdapter，您现在需要将嵌入式加载定义为如下所示的映射，而不是关联选项:

App.store = DS.Store.create({
  revision: 11,
  adapter: DS.RESTAdapter.create()
});

App.store.adapter.serializer.map('App.Post', {
   comments: {embedded: 'load'}
});

App.Post = DS.Model.extend({
  title: DS.attr('string'),
  body: DS.attr('string'),
  comments: DS.hasMany('App.Comment')
});

App.Comment = DS.Model.extend({
   body: DS.attr('string'),
   post: DS.belongsTo('App.Post')
});

您可以通过以下链接关注之前的所有讨论:

https://github.com/emberjs/data/issues/504#issuecomment-11256934 https://github.com/emberjs/data/pull/430#issuecomment-10925506

加载嵌入记录的各种修复: https://github.com/emberjs/data/pull/541

这不直接相关，但如果我上面写的所有内容都失败，则将此解决方案添加到组合中 使用 findAssociation 和 extractHasMany Hook 进行异步 HasMany 时，BelongsTo 关联不会具体化: https://github.com/emberjs/data/issues/525

任何想要快速查看与“App.store.adapter.serializer.map”调用有关的事物定义位置的人的内部结构

当我们调用“App.store.adapter.serializer.map”时，对序列化器的调用在下面的第 536 行定义，并且 map 在第二个链接中的在线 696

https://github.com/emberjs/data/blob/master/packages/ember-data/lib/system/adapter.js#L536 https://github.com/emberjs/data/blob/master/packages/ember-data/lib/system/adapter.js#L696

在扩展DS.Adapter的DS.RESTAdapter的第67行，序列化器属性被设置为指向DS .RESTSerializer，其中添加了特定于 RestAdapter 的附加功能。

https://github.com/emberjs/data/blob/master/packages/ember-data/lib/adapters/rest_adapter.js#L67