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

时间:2016-11-30 18:01:14

标签: javascript ember.js ember-data

我有一个User和Message模型,如下所示:

//模型/ user.js的

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

//模型/ 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')
});

以下是消息/消息路由的样子:

//消息/消息/ route.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);
  }
});

并且在router.js中我有

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
            });
        });
    },
}

1 个答案:

答案 0 :(得分:1)

在您的邮件模型中,senderuserreceiver都是关系,因此ember-data期待用户对象。您只是在sendMessage操作中为其提供了ID。

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

#1:使用ID

#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
            });
        });
    },
}

其中一个或两个应该让你摆脱目前的堵塞。