ember.js - 无法获取 hasMany 关联

Question

我使用 commit 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 钩子进行异步 HasMany 时，将此解决方案添加到 mix BelongsTo 关联中： https ://github.com/emberjs/data/issues/525

任何想要快速查看关于“App.store.adapter.serializer.map”调用的定义的内部结构

当我们调用“App.store.adapter.serializer.map”时，对序列化程序的调用在下面的第 536 行定义，并且地图在第二个链接中的在线 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