javascript - 为什么 Angularjs 不将 POST 发送到我的 Express 服务器？

Question

我有一个在本地主机上运行的 Node Express 服务器，它提供带有 angularjs 代码的页面。当用户按下页面上的按钮时，有一个 angularjs Controller 将 json 发送回服务器。

我的问题是该帖子似乎根本没有发送到服务器。我查了一下地址，没问题。我检查了按钮事件，它确实启动了。我真的很不知所措。我是 MEAN 堆栈的新手，所以我做错了什么吗？

处理帖子的路由(routes/blogposts.js):

var express = require('express');
var router = express.Router();
var MongoClient = require('mongodb').MongoClient;
var URL = 'mongodb://localhost:27017/blog';


/* POST */
router.post('/', function(req, res, next) {

  process.stdout.write("hello: ");

});

module.exports = router;

发送帖子的 Angular Controller

app.controller('PostController', ['$scope', function($scope) { 

   $scope.sendPost = function() {
        var id = document.getElementById("postTitle").value;
        var type = document.querySelector('input[name="postType"]:checked').value;
        var text = document.getElementById("postText").value;

        var currentDate = new Date();
        var day = currentDate.getDate();
        var month = currentDate.getMonth() + 1;
        var year = currentDate.getFullYear();
        var date = ("<b>" + day + "/" + month + "/" + year + "</b>");

        var sendObject = '{"id":' + id + ', "date": ' + date + ', "type":' + type + ', "post":' + 
                            text +'}';

        $http.post('http://localhost:3000/blogPosts', sendObject);


   };

}]);

编辑:将代码添加到下面的快速路由器

App.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');
var blogposts = require('./routes/blogposts');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);
app.use('/blogposts', blogposts);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});


module.exports = app;

Answer 1

您需要将 $http 注入(inject) Controller ，如下所示:

app.controller('PostController', ['$scope', '$http', function($scope, $http) {