Question

我正在尝试使用ember.js作为前端在我的rails后端创建资源。

在router.js我有这个：

 //...
 this.route('posts', function() {
  this.route('new');
 });
//...

这是app/templates/posts/new.hbs

<div>
  <label>Title</label>
   {{input type="text" value=model.title}}
</div>

 <div>
  <label>Body</label>
   {{input type="text" value=model.body}}
</div>

<div>
  <button {{action "save"}}>Save</button>
  <button {{action "cancel"}}>Cancel</button>
</div>

app/routes/posts/new.js看起来像这样：

import Ember from 'ember';

export default Ember.Route.extend({ 
  model() { 
    return {};
  },

  actions: {
    save() {
      var newPost = this.get('store').createRecord('post', this.currentModel);
      newPost.save().then((post) => {
        this.transitionTo('post', post);
      });
    },

    cancel() {
      this.transitionTo('posts');
    }
  }
});

这是post型号：

import DS from 'ember-data';

export default DS.Model.extend({
  title: DS.attr('string'),
  body: DS.attr('string'),
  comments: DS.hasMany('comment')
});

当我单击表单上的save按钮时，我在控制台上收到此错误：

POST http://localhost:4200/posts 400 (Bad Request)

进一步检查rails服务器端的错误，我发现了这个错误：

ActionController::ParameterMissing (param is missing or the value is empty: post):

我不知道为什么表格中的参数没有与POST请求一起发送，我做错了什么？

Answer 1

你想要在模型钩子中返回一个新的空模型，而不是创建一个新模型并传递道具：

import Ember from 'ember';

export default Ember.Route.extend({ 
  model() { 
    return this.get('store').createRecord('post', {});
  },

  actions: {
    save() {
      this.get('currentModel').save()
      .then(post => this.transitionTo('post', post.get('id'));
    },

    cancel() {
      this.transitionTo('posts');
    }
  }
});

Ember Data不会为post请求添加参数

1 个答案: