javascript - 如何使用 MEAN 堆栈提交成功的发布请求？

Question

我正在使用 yeoman 搭建项目脚手架。最后我想学习搭建 CRUD 的脚手架。我陷入了一个帖子请求。我选择了 angular-fullstack generator因为我对普通的 Angular 生成器非常满意。

在尝试向 Things 集合提交新对象时，我的帖子请求尝试被 400 错误屏蔽了。我很迷茫，我需要查看使用此文件夹结构的发布请求的完整代码。

更新: 然而，400 错误消失了，req.body。

更新 2: 现在一切正常，答案都在我的代码和答案中。

那么，使用 yeoman 的 angular-fullstack 生成器，我将如何发出 post 请求以在 mongo 数据库的 Thing 集合中创建一个 awesomeThing。

我肯定遗漏了一些东西，但我认为使 POST 请求成功所需的大部分内容如下所示。任何方向将不胜感激。

app/views/partials/main.html

<div class="row marketing">
  <div ng-repeat="thing in awesomeThings">
      <h4>{{thing.name}}</h4>
      <p>{{thing.info}}</p>
  </div>
</div>    
<form ng-submit="addAwesome()">
        <input type="text" ng-model="tempAwesome.name">
        <input type="submit" class="btn btn-primary" value="Add">
</form>

app/scripts/controllers/main.html

$scope.name = [];
$http.get('/api/awesomeThings').success(function(awesomeThings) {
      $scope.awesomeThings = awesomeThings;
    });
$scope.addAwesome = function() {
      $http.post('/api/awesomeThings', $scope.tempAwesome).success(function(postData) {
        $scope.awesomeThings = postData;

      }).error(function(postData, status){
          console.log(postData);
          $scope.status = status;
          console.log(status);
      });

    };

lib/routes.js

  app.route('/api/awesomeThings')
    .get(api.awesomeThings)
    .post(api.create);

lib/controllers/api.js

mongoose.model('Thing', ThingSchema);

  exports.create = function (req, res) {

  var awesomeThing = new Thing(req.body);
  awesomeThing.save(function(err) {
     if (err) return res.json(400, err);
   });
  };

lib/models/thing.js

var ThingSchema = new Schema({
  name: String,
  info: String,
  awesomeness: Number
});

我有预感是 mongoose 阻止了这个，因为我的提交与模式不匹配？ ？还有其他想法吗？

Answer 1

编辑

好的，最后一个建议基于查看我的其他一些代码。试试这个来代替你的帖子

$http.post('/api/awesomeThings' { name : $scope.name })

根据代码更改进行编辑

将表单中的 ng-model 更改为。

<input type="text" ng-model="name">

我认为这条线失败了

var awesomeThing = new Thing(req.body);

我认为正在发生的事情是您正在发送一个在正文中看起来像这样的对象

{ tempThing: "sometext" }

当 mongoose 尝试创建您的对象时，它没有名为 tempThing 的属性，因此它退出了。如果您愿意，可以通过在您的模式上设置 {strict:false} 来覆盖它，但是，如果您打算从您的表单中设置名称，我将从将 tempThing 更改为名称开始。

旧答案

我认为您的/lib/routes.js 有错别字。你有一个 ';'在 .get(api.awesomeThings) 之后

这导致 .post(api.awesomeThings) 被忽略。删除分号，它可能会开始工作。