I'm currently working on building a basic messageboard using MongoDB, Angular, NODE.js and Express.
Oddly enough, everything works fine the first time I call getMessages(). But when I try to call getMessages() after posting a message with postMessage(), no GET request is being sent.
Below are my defined routes:
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');
})
This is the code snippet for my angular controller:
(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');
that.getMessages();
});
}
that.getMessages = function() {
console.log('Getting from controller');
$http.get('http://localhost:5000/api/message').then(function(result) {
console.log(result.data);
that.messages = result.data;
console.log('Set data');
});
}
init();
}
})();
Additionally, I use a factory method to handle posting the message:
factory.postMessage = function(message) {
return $http.post('http://localhost:5000/api/message', {msg: message});
}
Although I have tried debugging and checking several times, I am unable to figure out why there is no HTTP GET Request happening even though getMessages() is called within my postMessage() function. The console logs indicate that getMessages() is indeed triggered, but it appears to finish executing before sending any request.