余烬数据不会向后置请求添加参数

Ember Data does not add parameters to a post request

本文关键字：请求 添加 参数 数据 余烬      更新时间：2023-09-26

我正在尝试使用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 请求一起发送，我做错了什么？

您需要在模型钩子中返回一个新的空模型，而不是创建一个新的空模型并传递 props：

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');
    }
  }
});
相关文章：