HTTP GET 没有被触发

Question

我正在尝试使用 MongoDB、Angular、NODE.js 和 Express 创建一个简单的留言板。

由于某种原因，我第一次调用 getMessages() 时一切正常。 但是当我在 postMessage() 之后调用 getMessages() 时，没有发送 GET 请求。

这些是我的路线：

app.get('/api/message', function(req, res) {
    Message.find({}).exec(function(err, result) {
        res.send(result);
    });
});

app.post('/api/message', function(req, res) {
    console.log(req.body);

     var message = new Message(req.body);
     message.save();

     res.status(200).send('Message added');
})

这是我的角度控制器：

(function() {
'use strict';

angular
    .module('app')
    .controller('MainController', mainController);

function mainController(navigationFactory, $http, $timeout, apiFactory, $scope) {

    var that = this; // jshint ignore: line

    function init() {
        that.getMessages();
    }

    that.postMessage = function() {

        apiFactory.postMessage(that.message).then(function() {
            console.log('Posted from controller'); //gets logged
            that.getMessages(); 
        });
        //that.getMessages(); <-- also tried this

    }

    that.getMessages = function() {
        console.log('Getting from controller'); //gets logged
        $http.get('http://localhost:5000/api/message').then(function(result) {
                console.log(result.data); //Logs old result, without new message
                that.messages = result.data;
               console.log('Set data'); //gets logged
        });   
    }

     init();

}
})();

最后我使用工厂发布消息：

factory.postMessage = function(message) {
        return $http.post('http://localhost:5000/api/message', {msg: message});       
 }

我已经打开了一个类似的问题，但由于这是一个不同的问题，我想我会再问一次。

为什么没有 HTTP GET 请求，即使 getMessages() 显然在我的 postMessage() 函数中被调用。我可以看到 getMessages() 是在 console.log() 的帮助下被调用的，但它似乎在发出任何请求之前就返回了。

Answer 1

我认为，问题在于服务器端的承诺，请尝试使用它。

app.get('/api/message', function(req, res) {
    return Message.find({}).exec(function(err, result) {
        if(err) {
          return res.status(500).send(err);
        }
        return res.status(200).json(result);
    });
});

Answer 2

我认为您可能遇到了提升问题，基本上是调用尚未声明的函数。如果您尝试这样更改顺序会发生什么？

var that = this; // jshint ignore: line

that.getMessages = function() {
    console.log('Getting from controller'); //gets logged
    $http.get('http://localhost:5000/api/message').then(function(result) {
            console.log(result.data); //Logs old result, without new message
            that.messages = result.data;
           console.log('Set data'); //gets logged
    });   
}

that.postMessage = function() {

    apiFactory.postMessage(that.message).then(function() {
        console.log('Posted from controller'); //gets logged
        that.getMessages(); 
    });
    //that.getMessages(); <-- also tried this

}

function init() {
    that.getMessages();
}

init();

var functionName = function() {} vs function functionName() {}

编辑：

我修复了你的 plunkr，它似乎工作得很好！

问题是您没有将$http 注入您的控制器... 这就是为什么您的 GET 请求从未发生过的原因

https://plnkr.co/edit/NyI1qa63NG8gFfuc45jj?p=preview