Question

我无法理解$resource。当用户按下删除按钮时，我正在尝试应用删除方法来删除MongoDB数据库条目。我正在使用Angular 1.4 with Express和Mongoose。

这是我的HTML：

<body ng-app="polls" ng-controller="PollsCtrl">
    Polls:

    <ul>
        <li ng-repeat="question in questions">
            {{ question.questionName }}
            <button ng-click="deletePoll(question._id, $index)">Delete</button>
        </li>

    </ul>

...

这是客户端控制器：

"use strict";

var app = angular.module('polls', ['ngResource']);
app.controller('PollsCtrl', function ($scope, $resource) {

    var Poll = $resource('/api/polls');
    var PollID = $resource('/api/polls/:pollID');

    Poll.query(function (results) {
        $scope.questions = results;
    });

    $scope.questions = [];
    $scope.questionName = '';

    $scope.addPoll = function () {
        var poll = new Poll();
        poll.questionName = $scope.questionName;
        poll.$save(function (result) {
            $scope.questions.push(result);
            $scope.questionName = '';
        });
    };

    $scope.deletePoll = function (id, index) {
        var poll = new PollID();
        poll.$remove(function () {
            $scope.questions.splice(index, 1);
        });
    };
});

这是包含remove方法的服务器文件：

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

var app = express();

mongoose.connect('mongodb://localhost/poll-app');

app.use('/controllers', express.static(__dirname + '/controllers'));
app.use('/bower_components', express.static(__dirname + '/bower_components'));

app.get('/', function (req, res) {
    res.sendFile(path.join(__dirname + '/index.html'));
});

app.get('/polls', function (req, res) {
    res.sendFile(path.join(__dirname + '/polls.html'));
});

app.get('/add-poll', function (req, res) {
    res.sendFile(path.join(__dirname + '/add-poll.html'));
});

var pollSchema = new mongoose.Schema({questionName: String});
var Poll = mongoose.model('Poll', pollSchema);

var creater = function (req, res) {
    var poll = new Poll(req.body);
    poll.save(function (err, result) {
        if (err) throw err;
        res.json(result);
    })
};

var list = function (req, res) {
    Poll.find({}, function (err, result) {
        if (err) throw err;
        res.json(result);
    });
};

var remove = function (req, res) {
    console.log(req.params);
    var poll = new Poll(req.body);
    poll.remove({_id: req.params}, function (err, result) {
        if (err) throw err;
        res.json(result);
    });
};

app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json());

app.post('/api/polls', creater);
app.get('/api/polls', list);
app.delete('/api/polls/:pollID', remove);

app.listen(3000, function () {
    console.log('HI');
});

我很确定错误在于服务器的remove()方法。当我测试这个时，我实际得到：

DELETE http://localhost:3000/api/polls 404 (Not Found)

好像它没有路由到我想要的地方。

Answer 1

在您的情况下，我认为使用$ http：

会更好

$http.delete('/api/polls/pollID/'+req.params).

这样，你不必在删除之前获取对象

Answer 2

poll.$remove({pollID:id}, function () {
    $scope.questions.splice(index, 1);
})

使用$ resource从数据库中删除

2 个答案: