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請求，即使在我的postMessage（）函數中明確地調用了getMessages（）。我可以看到getMessages（）在console.log（）的幫助下被調用，但它似乎在發送任何請求之前返回。

Answer 1

我想你可能會遇到一個懸掛問題，基本上調用一個尚未聲明的函數。如果你嘗試改變這樣的順序會發生什麼？

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

Answer 2

我認爲，問題是在服務器方的約定，請嘗試使用此。

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); 
    }); 
});