我正在使用yeoman搭建项目。最后,我想学习搭建CRUD。我被张贴请求卡住了。我选择angular-fullstack generator是因为我对普通的角度生成器非常满意。

尝试将新对象提交到Things集合时,我的发布请求尝试被400错误所包围。我很迷路,我需要使用此文件夹结构查看发布请求的完整代码。

更新:
但是,req.body出现了400错误。

UPDATE2:
现在一切都正常工作,答案都在我的代码和答案中。

因此,使用yeoman的angular-fullstack生成器,我将如何发出请求以在mongo db的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 /模型/thing.js

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


我直觉这是猫鼬阻止了此操作,因为我的提交与架构不匹配? ?还有其他想法吗?

最佳答案

编辑

好吧,最后的建议是基于查看我拥有的其他代码。试试这个为您的帖子

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


根据代码更改进行编辑

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

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


我认为这条线失败了

var awesomeThing = new Thing(req.body);


我认为正在发生的事情是您正在发送一个看起来像这样的物体

{ tempThing: "sometext" }


当猫鼬尝试创建您的对象时,它没有名为tempThing的属性,因此无法使用。如果愿意,可以通过在模式上设置{strict:false}来覆盖此设置,但是,如果您打算从表单中设置名称,那么我首先将tempThing更改为name。

旧答案

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

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

关于javascript - 如何使用MEAN堆栈提交成功的发帖请求?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23983028/

10-09 20:41
查看更多