我使用的是平均值和this tutorial。意思是:獲取整個HTML頁面而不是mongodb數據模型
一切工作正常,除了我的server.js
文件中的app.get('/api/todos/', function(req, res)
返回我的整個HTML頁面,而不是我的mongodb數據庫中的我的todos數據!
我甚至可以看到我的整個index.html getted到我的firebug查看器。
如果我通過app.post在server.js功能改變app.get,我得到正確的待辦事項數據模型,我AngularJS前端正確顯示待辦事項的數據,但我想使用GET ,不是POST!
這就像app.get或AngularJS部分$http.get
根本不起作用。
你有什麼想法嗎?
iller是我確定它在另一臺計算機上工作,而不是像那樣行事!
這是前端控制器,就像在教程:
var scotchTodo = angular.module('scotchTodo', []);
function mainController($scope, $http) {
$scope.formData = {};
$http.get('/api/todos/')
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
// Quand on soumets le formulaire ajouter, transmettre la chose à faire à l'api node
$scope.createTodo = function() {
$http.post('/api/todos', $scope.formData)
.success(function(data) {
$scope.formData = {}; // Supprimer le contenu du formulaire pour que l'utilisateur puisse en utiliser un autre.
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
// Supprimer une chose à faire après l'avoir vérifié.
$scope.deleteTodo = function(id) {
$http.delete('/api/todos/' + id)
.success(function(data) {
$scope.todos = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
}
這是server.js文件,llike教程:
// server.js
// set up ========================
var express = require('express');
var app = express(); // create our app w/ express
var mongoose = require('mongoose'); // mongoose for mongodb
var morgan = require('morgan'); // log requests to the console (express4)
var bodyParser = require('body-parser'); // pull information from HTML POST (express4)
var methodOverride = require('method-override'); // simulate DELETE and PUT (express4)
// configuration =================
mongoose.connect('mongodb://localhost/nod'); // connect to mongoDB database on modulus.io
app.use(express.static(__dirname + '/public')); // set the static files location /public/img will be /img for users
app.use(morgan('dev')); // log every request to the console
app.use(bodyParser.urlencoded({'extended':'true'})); // parse application/x-www-form-urlencoded
app.use(bodyParser.json()); // parse application/json
app.use(bodyParser.json({ type: 'application/vnd.api+json' })); // parse application/vnd.api+json as json
app.use(methodOverride());
// Le serveur va se mettre à écouter avec cette commande (Taper node server.js dans la ligne de commande windows, sous le bon répertoire) ======================================
app.listen(8080);
console.log("L app écoute sur le port 8080 dans les navigateurs");
// definire le modèle de données qui s'apelle todo qui veut dire "chose à faire" =================
var Todo = mongoose.model('Todo', {
text : String
});
// routes ======================================================================
// application -------------------------------------------------------------
app.get('*', function(req, res) {
res.sendfile('./public/index.html'); //Charge la seule vue, c est angular qui s occupe du routing en front end
});
// api ---------------------------------------------------------------------
// obtenir tous les todo
app.get('/api/todos/', function(req, res) {
// utiliser moongoose pour obtenir tous les todo dans la database
Todo.find(function(err, todos) {
// if there is an error retrieving, send the error. nothing after res.send(err) will execute
if (err)
res.send(err)
res.json(todos); // Retourne tous les todo au format json
});
});
// Créer un todo et retourner tous les todo après création
app.post('/api/todos', function(req, res) {
// create a todo, information comes from AJAX request from Angular
Todo.create({
text : req.body.text,
done : false
}, function(err, todo) {
if (err)
res.send(err);
// get and return all the todos after you create another
Todo.find(function(err, todos) {
if (err)
res.send(err)
res.json(todos);
});
});
});
// supprimer un todo
app.delete('/api/todos/:todo_id', function(req, res) {
Todo.remove({
_id : req.params.todo_id
}, function(err, todo) {
if (err)
res.send(err);
// get and return all the todos after you create another
Todo.find(function(err, todos) {
if (err)
res.send(err)
res.json(todos);
});
});
});
最後的AngularJS模板是同樣也在教程中