爲什麼我從一個空的mongodb數據庫中獲取數據？

Question

我正在做一個todo應用程序，在我的代碼中，我使用ng-repeat指令來創建與數據庫中一樣多的todoboxes。但在我的情況下，即使數據庫是空的，如果得到五個待辦事項箱。這可能與我打電話給我的loadData功能有關，但我無法弄清楚。 Here is an image of what I get on my browser combined with the data from the debugger.。當我在localhost：3000/api/todos上得到請求時，我得到了[]這是正確的，因爲數據庫是空的。有任何想法嗎？

這裏是我的我的html文件的一部分：

<div class="row"> 
    <h1>Things you have to do</h1> 
    <li ng-repeat="todo in todos"> 
    <p id="todobox"> {{ todo.name }} </p> 
    </li> 
    <form> 
    <input type="text" placeholder="I need to do..." ng-model="formData.newTodo" required> 
    <button ng-click="addTodo(formData)">Add</button> 
    </form> 
</div> 

這裏是我的控制器：

var app = angular.module('myApp', ['navigationDirective']); 

app.controller('MainController', ['$scope','$http', function($scope, $http){ 
    $scope.formData = {}; 

$scope.loadData = function(){ 
    $http.get('/api/todos') 
    .then(function(data){ 
     console.log('Data:' + data); 
     $scope.todos = data; 
    }); 
}; 
//call the loadData function that returns the data from the json file 
$scope.loadData(); 

//Add a new todo to the database 
$scope.addTodo = function(){ 
    $scope.formData = { 
    name: $scope.formData.newTodo 
    }; 
    $http.post('/api/todos', $scope.formData) 
    .then(function(data){ 
     console.log($scope.formData.name); 
     $scope.todos = data; 
     $scope.formData = {}; 
     console.log(data); 
    }); 
} 

}]); 

，這裏是我的server.js文件：

var express = require('express'); 
var app = express(); 
var bodyParser = require('body-parser'); 
var mongoose = require('mongoose'); 

//connect to database 
mongoose.connect('mongodb://localhost:27017/tododbtest'); 

// set static files location 
// used for requests that our frontend will make 
app.use(express.static(__dirname + '/public')); 

//app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 
//define our model for the todos 
var Todo = mongoose.model('Todo', { 
    name: String, 
    //maybe change it to bool later 
    //checked: boolean 
}); 

//when I get a get request I'm going to send 
//the index.html file 
app.get('/', function(req, res){ 
    res.sendFile(__dirname + '/public/index.html'); 
}); 

//get all the todos from the database 
app.get('/api/todos', function(req, res){ 
    Todo.find(function(err, todos){ 
    if(err) 
     res.send(err) 
    console.log(todos); 
    res.json(todos); 
    }); 
}); 

//create a todo 
app.post('/api/todos', function(req, res){ 
    console.log("Req.body.name:" + req.body.name); 
    Todo.create({name: req.body.name, checked: false}, 
    function(err, todo){ 
    if(err) res.send(err); 
    Todo.find(function(err, todos){ 
     if(err) res.send(err); 
     res.json(todos); 
    }); 
    }); 
}); 

app.listen(3000); 

Answer 1

的$http的服務回報一個答覆，以解決答覆對象。 Data是響應對象的五個屬性之一。將todos設置爲response.data。

$http.post('/api/todos', $scope.formData) 
    .then(function(response){ 
     console.log($scope.formData.name); 
     $scope.todos = response.data; 
     $scope.formData = {}; 
    });