Ember数据关系表示形式 - 创建记录不起作用



我有一个看起来像这样的消息模型:

//models/user.js

export default DS.Model.extend({
  name: DS.attr('string'),
});

//models/message.js

export default DS.Model.extend({
  body: DS.attr('string'),
  sender: DS.belongsTo('user', { inverse: null }),
  receiver: DS.belongsTo('user', { inverse: null }),
  user: DS.belongsTo('user')
});

这是消息/消息路由的样子:

//消息/消息/rout.js

export default Ember.Route.extend({
model(params) {
  return Ember.RSVP.hash({
      messages: this.store.query('message', { filter: {user: params.user}   }),
      user: this.store.findRecord('user', params.user),
    });
  },
  setupController(controller, models) {
    controller.set('messages', models.messages);
    controller.set('user', models.user);
  }
});

,在路由器中,我有

this.route('messages', function() {
  this.route('message', { path: ':user' });
});

基本上,当您转到/messages/{user_id}时,您可以查看当前用户与具有{user_id}的用户的所有消息。这是访问messages/5

时从服务器中获得的JSON响应
{
"messages": [
  {
    "id": 10,
    "sender": 1,
    "receiver": 5,
    "body": "Hello world!",
    "user": 5
  },
  {
    "id": 7,
    "sender": 1,
    "receiver": 5,
    "body": "Sorry, I don't get it!",
    "user": 5
  },
  {
    "id": 6,
    "sender": 5,
    "receiver": 1,
    "body": "Is it possible?",
    "user": 5
  }
]

}

现在,当尝试创建新消息时,没有发件人,接收器或用户ID可以将创建的新记录关联,以将其发送到服务器。

这是我在有效载荷中拥有的

{
  "body":"New message",
  "sender":null,
  "receiver":null,
  "user":null
}

很明显,我在关系上做错了什么,不确定如何处理这些问题。

//编辑

这是我处理消息创建的方式:

actions: {
    sendMessage() {
        const flashMessages = Ember.get(this, 'flashMessages');
        this.store.createRecord('message', {
            body: this.get('message'),
            sender: this.get('currentUser.id'),
            user: this.get('user.id'),
        }).save().then(() => {
            flashMessages.success('Message sent!', {
                timeout: 2000,
                destroyOnClick: true
            });
        });
    },
}

在您的消息模型中,senderuserreceiver都是关系,因此Ember-Data期望用户对象。您只是在sendMessage操作中提供ID。

我相信有两种方法可以解决此问题:

#1:使用IDS

#2:使用对象

#1的示例:

actions: {
    sendMessage() {
        const flashMessages = Ember.get(this, 'flashMessages');
        this.store.createRecord('message', {
            body: this.get('message'),
            senderId: this.get('currentUser.id'),
            userId: this.get('user.id'),
        }).save().then(() => {
            flashMessages.success('Message sent!', {
                timeout: 2000,
                destroyOnClick: true
            });
        });
    },
}

#2的示例:

actions: {
    sendMessage() {
        const flashMessages = Ember.get(this, 'flashMessages');
        this.store.createRecord('message', {
            body: this.get('message'),
            sender: this.get('currentUser'),
            user: this.get('user'),
        }).save().then(() => {
            flashMessages.success('Message sent!', {
                timeout: 2000,
                destroyOnClick: true
            });
        });
    },
}

其中一个或两个应该使您摆脱当前的果酱。

最新更新