Question

我有一个演讲者的模型如下：

import attr from 'ember-data/attr';
import ModelBase from 'open-event-frontend/models/base';
import { belongsTo, hasMany } from 'ember-data/relationships';

export default ModelBase.extend({

  /**
   * Attributes
   */

  name               : attr('string'),
  email              : attr('string'),
  photoUrl           : attr('string'),
  thumbnailImageUrl  : attr('string'),
  shortBiography     : attr('string'),
  longBiography      : attr('string'),
  speakingExperience : attr('string'),
  mobile             : attr('string'),
  location           : attr('string'),
  website            : attr('string'),
  twitter            : attr('string'),
  facebook           : attr('string'),
  github             : attr('string'),
  linkedin           : attr('string'),
  organisation       : attr('string'),
  isFeatured         : attr('boolean', { default: false }),
  position           : attr('string'),
  country            : attr('string'),
  city               : attr('string'),
  gender             : attr('string'),
  heardFrom          : attr('string'),

  /**
   * Relationships
   */

  user     : belongsTo('user'),
  event    : belongsTo('event'),
  sessions : hasMany('session')

});

会话模型如下：

import attr from 'ember-data/attr';
import moment from 'moment';
import ModelBase from 'open-event-frontend/models/base';
import { belongsTo, hasMany } from 'ember-data/relationships';
import { computedDateTimeSplit } from 'open-event-frontend/utils/computed-helpers';

const detectedTimezone = moment.tz.guess();

export default ModelBase.extend({
  title         : attr('string'),
  subtitle      : attr('string'),
  startsAt      : attr('moment', { defaultValue: () => moment.tz(detectedTimezone).add(1, 'months').startOf('day') }),
  endsAt        : attr('moment', { defaultValue: () => moment.tz(detectedTimezone).add(1, 'months').hour(17).minute(0) }),
  shortAbstract : attr('string'),
  longAbstract  : attr('string'),
  language      : attr('string'),
  level         : attr('string'),
  comments      : attr('string'),
  state         : attr('string'),
  slidesUrl     : attr('string'),
  videoUrl      : attr('string'),
  audioUrl      : attr('string'),
  signupUrl     : attr('string'),
  sendEmail     : attr('boolean'),

  isMailSent: attr('boolean', { defaultValue: false }),

  createdAt      : attr('string'),
  deletedAt      : attr('string'),
  submittedAt    : attr('string', { defaultValue: () => moment() }),
  lastModifiedAt : attr('string'),
  sessionType    : belongsTo('session-type'),
  microlocation  : belongsTo('microlocation'),
  track          : belongsTo('track'),
  speakers       : hasMany('speaker'),
  event          : belongsTo('event'), // temporary
  creator        : belongsTo('user'),

  startAtDate : computedDateTimeSplit.bind(this)('startsAt', 'date'),
  startAtTime : computedDateTimeSplit.bind(this)('startsAt', 'time'),
  endsAtDate  : computedDateTimeSplit.bind(this)('endsAt', 'date'),
  endsAtTime  : computedDateTimeSplit.bind(this)('endsAt', 'time')
});

很明显，会话和发言者有着多对多的关系。所以我将会话添加到发言人然后保存。两个记录都在服务器上成功创建，但未建立链接。我用邮递员测试了服务器端点，它运行正常。所以，我想我在这里错过了一些东西。

这是控制器代码：

import Controller from '@ember/controller';
export default Controller.extend({
  actions: {
    save() {
      this.set('isLoading', true);
      this.get('model.speaker.sessions').pushObject(this.get('model.session'));

      this.get('model.session').save()
        .then(() => {
          this.get('model.speaker').save()
            .then(() => {
              this.get('notify').success(this.get('l10n').t('Your session has been saved'));
              this.transitionToRoute('events.view.sessions', this.get('model.event.id'));
            })
            .catch(() => {
              this.get('notify').error(this.get('l10n').t('Oops something went wrong. Please try again'));
            });
        })
        .catch(() => {
          this.get('notify').error(this.get('l10n').t('Oops something went wrong. Please try again'));
        })
        .finally(() => {
          this.set('isLoading', false);
        });
    }
  }
});

Answer 1

正如@Lux在评论中提到的，默认情况下，ember-data不会在所有情况下序列化has-many关系。对于所有扩展DS.JSONSerializer且未覆盖shouldSerializeHasMany()方法的序列化程序而言，都是如此。 DS.JSONAPIAdapter和DS.RESTSerializer就是这种情况。

用于确定是否应该对多关系进行序列化的逻辑非常复杂，并且没有详细记录。因此，looking in source code是必需的。

通常，当且仅当：

如果由Serializer配置强制执行。要配置序列化器强制序列化特定的关系，attrs option必须包含一个键，其关系名称包含一个对象{ serialize: true }。
如果序列化器的attrs配置未禁止。与1相反。attrs选项包含一个关系名称为对象{ serialize: false }的键。
如果是多对无关系，则表示没有反关系。
如果是多对多关系。

根据您的问题，多对多关系未序列化。可能有很多事情导致您的问题，但我敢打赌这就是这个问题：

如果我说对了，那么多对多关系的两个记录都不会保留在服务器上。我假设您不会在客户端生成ID。因此，两个记录开头都没有ID。因此，该关系无法在首次创建请求（this.get('model.session').save()）上序列化。您的API对此请求的响应很好。响应中包含该记录没有任何相关speaker的信息。 ember-data使用您的API返回的信息更新它的存储位置。此更新包括删除以前创建的关系。第二个创建请求（this.get('model.speaker').save()）序列化关系，但不存在该关系，因为这是存储区中的当前值。

如果是这样，您可以在分配关系之前简单地创建一条记录，然后保存另一条记录，这将在服务器上保留该关系。

Answer 2

按照@jelhan的建议，我必须先保存模型，然后添加关系。以下代码有效：

    import Controller from '@ember/controller';
export default Controller.extend({
  actions: {
    async save() {
      try {
        this.set('isLoading', true);
        await this.get('model.speaker').save();
        this.get('model.speaker.sessions').pushObject(this.get('model.session'));
        await this.get('model.session').save();
        await this.get('model.speaker').save();
        this.get('notify').success(this.get('l10n').t('Your session has been saved'));
        this.transitionToRoute('events.view.sessions', this.get('model.event.id'));
      } catch (e) {
        this.get('notify').error(this.get('l10n').t('Oops something went wrong. Please try again'));
      }
    }
  }
});

Ember - 许多关系数据未被更新

2 个答案: