使用Moongoose和AngularJs更新mongoDB中的数据

时间:2015-12-09 14:31:23

标签: angularjs node.js mongodb mongoose

我正在使用NodeJS,AngularJS和MongoDB与mongoose建立一个网站。我在修改mongoDB中的对象时遇到了一些麻烦。我按照教程,一切都与例子一起工作。但我尝试使用另一个表,新表的名称是post,当我想更改表中的值时,我遇到了问题。

这是我的模特:

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var Todo = require('../models/Post.js');

    var PostSchema = new mongoose.Schema({
        nomReseau : String,
        corps : String,
        etat : String,
        section : String
    });
var Post = mongoose.model('PostReseaux', PostSchema);
module.exports = Post;

在这里你可以看到html:

 <ul>
    <li ng-repeat="post in posts ">
        <div class="card blue-grey darken-1">
            <div class="card-content white-text">
                <span class="card-title">Ticket</span>
                <p>
                    <a ng-show="!editing[$index]" href="#/{{post._id}}">{{post.corps}}</a>
                </p>
                <input type="checkbox" ng-model="post.etat" ng-change="update($index)">
                <button ng-show="!editing[$index]" ng-click="edit($index)">Editer</button>
                <button ng-show="!editing[$index]" ng-click="remove($index)">Supprimer</button>
                <button ng-show="!editing[$index]" ng-click="passer($index)">Passer</button>

                <input ng-show="editing[$index]" type="text" ng-model="post.corps">
                <button ng-show="editing[$index]" ng-click="update($index)">Confirmer</button>
                <button ng-show="editing[$index]" ng-click="cancel($index)">Annuler</button>
            </div>
        </div>
    </li>
</ul>
<a class="waves-effect waves-light btn" ng-click="save()">Créer ticket</a>

这是一个简单的ng-repeat,显示我的数据库中的每个帖子,如果我使用删除或保存功能,一切正常我可以添加或删除数据库中的帖子。

这是控制器:

angular.module('app').controller('Feedback', ['$scope','$location','Posts', function($scope, $location, Posts) {
    $scope.title = 'Feedbacks';
    $(".button-collapse").sideNav();
    $scope.editing = [];
    $scope.posts= Posts.query();

    $scope.save = function(){
        if($scope.CorpsTicket.length < 1) return;
        var post = new Posts({ nomReseau: "Google+", corps : "test", etat : "aTraiter", section :"feedback" });

        post.$save(function(){
            $scope.posts.push(post);
        });
    }

    $scope.update = function(index){
        var post = $scope.posts[index].etat;
        Posts.update({id: post._id}, post);
        $scope.editing[index] = false;
    }

    $scope.passer = function(index){
        var post = $scope.posts[index];
        post.etat = "enCours";
        Posts.update({id: post._id}, post);
        $scope.editing[index] = false;
    }

    $scope.edit = function(index){
        $scope.editing[index] = angular.copy($scope.posts[index]);
    }

    $scope.cancel = function(index){
        $scope.posts[index] = angular.copy($scope.editing[index]);
        $scope.editing[index] = false;
    }

    $scope.remove = function(index){
        var post = $scope.posts[index];
        Posts.remove({id: post._id}, function(){
            $scope.posts.splice(index, 1);
        });
    }


}])

这是后端的js:

var express = require('express');
var router = express.Router();

var mongoose = require('mongoose');
var Post = require('../models/Post.js');

/* GET /post listing. */
router.get('/', function(req, res, next) {
    Post.find(function (err, posts) {
        if (err) return next(err);
        res.json(posts);
    });
});


/* POST /post */
router.post('/', function(req, res, next) {
    Post.create(req.body, function (err, post) {
        if (err) return next(err);
        res.json(post);
});
});

/* GET /todos/id */
router.get('/:id', function(req, res, next) {
    Post.findById(req.params.id, function (err, post) {
        if (err) return next(err);
        res.json(post);
    });
});


/* PUT /todos/:id */
router.put('/:id', function(req, res, next) {
    Post.findByIdAndUpdate(req.params.id, req.body, function (err, post) {
        if (err) return next(err);
        res.json(post);
    });
});

/* DELETE /todos/:id */
router.delete('/:id', function(req, res, next) {
    Post.findByIdAndRemove(req.params.id, req.body, function (err, post) {
        if (err) return next(err);
        res.json(post);
    });
});

module.exports = router;

但如果我点击编辑($ index)并更改post.corps的值,我点击确认器屏幕上的值更改,但不会更改数据库。

我认为我的更新功能有问题,但我不知道它是什么。 就像说的那样,我已经完成了一个教程,并且在教程中创建了表格,一切正常,我可以修改一个值,但是我在这个新的表格帖子中遇到了这个错误。

由于

1 个答案:

答案 0 :(得分:2)

以下是$scope.update()中的代码:

var post = $scope.posts[index].etat; // note that you take just one field named "etat".
Posts.update({id: post._id}, post); // note that you use "id" instead of "_id".

您是否只想更新etat字段?然后你需要这样做:

var etat = $scope.posts[index].etat;
Posts.update({ _id: post._id }, { "etat": etat });

您想更新整篇文章吗?然后你需要传递整个帖子而不仅仅是etat字段:

var post = $scope.posts[index];
Posts.update({ _id: post._id }, post);

请注意,您的方法$scope.update()$scope.passer()使用id代替_id,因此您也必须解决此问题。