如何使嵌入的 hasMany 关系与 ember 数据一起工作

IT技术 javascript ember.js ember-data
2021-03-11 07:08:25

我无法embedded hasMany使用 ember 数据正常工作。

我有这样的事情

App.Post = DS.Model.extend({
  comments: DS.hasMany('App.Comment')
});

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

我的 API 返回以下内容GET /post：

[
  {
   id: 1
   comments: [{name: 'test'}, {name: 'test2'}]
  },
  ...
]

我需要发送这个POST /post：

[
  {
    comments: [{name: 'test'}, {name: 'test2'}]
  },
  ...
]

我想使用 Ember 模型并让它们提出适当的请求：

var post = App.store.createRecord(App.Post, hash_post_without_comments);
post.get('comments').createRecord(hash_comment);

App.store.commit(); // This should call the POST api

和

var posts = App.store.find(App.Post); // This should call the GET api

当我尝试类似的操作时post: DS.hasMany('App.Post', {embedded: true})，GET 正在工作，但 POST 试图为两条记录进行 POST，而不仅仅是父记录。

编辑：我的真实用例

1- 我刚刚从 master 构建了 ember 数据

2- 我的适配器：RESTAdapter

3- 序列化器：JSONSerializer

4-我添加了

App.MyAdapter.map('App.Join', {
    columns: { embedded: 'always' }
});

5- 我的模型是：

App.Join = DS.Model.extend({
    rowCount: DS.attr('number'),
    columns: DS.hasMany('App.JoinColumn'),
});

App.JoinColumn = DS.Model.extend({
    join: DS.belongsTo('App.Join')
});

6- 什么时候：

var a = App.Join.find(1);
a.get('columns').createRecord({});
App.store.commit();

发送了 joincolumn 的 POST 并且父级不脏

我错过了什么？

4个回答

在 master 上，正确的 API 是：

App.Adapter.map('App.Post', {
  comments: { embedded: 'always' }
});

的两个可能值embedded是：

  • load: 加载时嵌入子记录，但应保存为独立记录。为了使其工作，子记录必须有一个 ID。
  • always: 子记录在加载时嵌入，并嵌入在同一记录中保存。这当然会影响记录的脏程度（如果子记录发生变化，适配器会将父记录标记为脏）。

如果您没有自定义适配器，则可以map直接调用DS.RESTAdapter：

DS.RESTAdapter.map('App.Post', {
  comments: { embedded: 'always' }
});
@YehudaKatz，随着 ember-data 的新修订，通过自定义适配器映射的正确方法是什么？Adapter.map 函数不再存在。
2021-04-21 07:08:25
这对于belongsTo 也是一样的吗？
2021-05-01 07:08:25
是的。它与嵌入式belongsTo 的API 相同。
2021-05-08 07:08:25
我认为持久化嵌入记录时可能存在一个bug，github.com/emberjs/data/pull/578
2021-05-08 07:08:25
我认为，我们必须遵循这个 JSON 约定。嵌入对象跟随主要对象。emberjs.com/guides/models/connecting-to-an-http-server/...
2021-05-09 07:08:25

我有完全一样的问题。

此错误已在 ember 数据问题跟踪器上报告。以下 PR 添加了 2 个显示问题的失败测试：https : //github.com/emberjs/data/pull/578

目前似乎没有解决方法。

编辑：

sebastianseilund 2 天前打开了一个 PR，它解决了您的问题。看看：https : //github.com/emberjs/data/pull/629/files

添加一个更新，以防其他人看到这篇文章，并且很难弄清楚什么适用于当前版本的 ember-data。

从 Ember Data 1.0.0.beta.7 开始，您需要覆盖序列化程序上的适当方法。下面是一个例子：

1）重新打开序列化程序（归功于这篇文章）：

DS.RESTSerializer.reopen({
  serializeHasMany: function(record, json, relationship) {
    var hasManyRecords, key;
    key = relationship.key;
    hasManyRecords = Ember.get(record, key);
    if (hasManyRecords && relationship.options.embedded === "always") {
      json[key] = [];
      hasManyRecords.forEach(function(item, index) {
        // use includeId: true if you want the id of each model on the hasMany relationship
        json[key].push(item.serialize({ includeId: true }));
      });
    } else {
      this._super(record, json, relationship);
    }
  }
});

2）embedded: 'always'在模型上的关系中添加选项：

App.Post = DS.Model.extend({
  comments: DS.hasMany('comment', {
    embedded: 'always'
  })
});

这对我有用（Ember 1.5.1+pre.5349ffcb，Ember Data 1.0.0-beta.7.f87cba88）：

App.Post = DS.Model.extend({
  comments: DS.hasMany('comment', { embedded: 'always' })
});

App.PostSerializer = DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, {
  attrs: {
    comments: { embedded: 'always' }
  }
});
其它你可能感兴趣的问题
上一篇将带有破折号的 punycode 转换为 Unicode 下一篇如何在javascript中转义xml实体？