Question

我使用MEAN（Mongodb，Express，Angular，Node）编写了一个基本的todo应用程序。后端即。 Node.js应用程序的一部分工作正常，并已使用postman rest api客户端进行验证。但我无法正确地将客户端的值传递给后端，可能是我的语法不正确，我无法弄明白。我也无法在客户端和每次都显示那些子文档的数组字段值返回一个空数组字段。

后端部分截图，它工作正常： Screenshot 1 Screenshot 2

我已将我的所有代码上传到git公共存储库，您可以下载并尝试完整的应用程序git repository

或者你可以在这里查看角度控制器，html和＆amp;其他相关的后端代码。

发布方法：

api.post('/tasks', function (req, res) {

                var task = {};
                task.tasktype = req.body.tasktype;


                //category        : [req.body.category],



                task.taskinfo = [];
                for (var i = 0; i < req.body.taskInfo.length; i++) {
                        console.log(i);
                        var taskInfo = new TaskInfo(req.body.taskInfo[i]);
                        task.taskinfo.push(taskInfo);
                        console.log(task);
                }

                var taskObj = new Task(task);

                taskObj.save(function (err) {
                        if (err) {
                                res.send(err);
                                return;
                        }
                        res.json({
                                message: 'Task has been created'
                        })

                });
        });

task.js模型

var mongoose = require('mongoose');
var TaskInfoSchema = require("./taskinfo.js").TaskInfoSchema

var Schema = mongoose.Schema;

// Task schema
var taskSchema = mongoose.Schema({

 tasktype    : {type: String},
 createdon   : {type: Date, default: Date.now},
 updatedon   : {type: Date},
 taskinfo  : [TaskInfoSchema]  

});
module.exports = mongoose.model('Task', taskSchema); 

taskSchema.pre('save',function(next){
  this.updatedon = new Date()
  next();
});

taskinfo.js模型：

var mongoose = require('mongoose');
var Schema = mongoose.Schema;

var taskInfo = mongoose.Schema({

     isactive:{type:Boolean}, 
     taskobject:{type:String}, 
     taskdetails:{type:String}, 
     iscompleted:{type:Boolean}

    },{ _id :true,// false
     });


    var TaskInfo = mongoose.model('TaskInfo', taskInfo);
    module.exports.TaskInfo = TaskInfo;
    module.exports.TaskInfoSchema = taskInfo;

任务控制器：

$scope.addTask = function(){
    $http.post('/api/tasks',$scope.task).success(function(response){
        window.location.href='/#tasks';
    });
}

addtask html：

<h2 class="sub-header">Tasks</h2>
      <div class="table-responsive" ng-init="getTasks()">
        <table class="table table-striped">
          <thead>
            <tr>
              <th>#</th>
              <th>Task Type</th>
              <th>IsActive</th>
              <th>Task Object</th>
              <th>Task Details</th>
              <th>Is Completed</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="task in tasks">
                <td>{{task._id}}</td>
                <td>{{task.tasktype}}</td>
                <td>{{task.taskInfo.isactive}}</td>
                <td>{{task.taskInfo.taskobject}}</td>
                <td>{{task.taskInfo.taskdetails}}</td>
                <td>{{task.taskInfo.iscompleted}}</td>
                <td><a href="#/tasks/details/{{task._id}}" class="btn btn-primary">Details</a> <a href="#/tasks/edit/{{task._id}}" class="btn btn-default">Edit</a> <button ng-click="deleteTask(task._id)" class="btn btn-danger">Delete</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

Answer 1

正如here所写：

子文档享有与普通文档相同的所有功能。该唯一的区别是他们没有单独保存，他们是保存顶级父文档时保存。

var Parent = mongoose.model('Parent', parentSchema);
var parent = new Parent({ children: [{ name: 'Matt' }, { name: 'Sarah' }] })
parent.children[0].name = 'Matthew';
parent.save(callback);

因此，您应该更改保存任务和taskinfo模型的方式。在api.js文件更改中：

task.tasktype = req.body.tasktype;


            //category        : [req.body.category],



            task.taskinfo = [];
            for (var i = 0; i < req.body.taskInfo.length; i++) {
                    console.log(i);
                    var taskInfo = new TaskInfo(req.body.taskInfo[i]);
                    task.taskinfo.push(taskInfo);
                    console.log(task);
            }

            var taskObj = new Task(task);

要：

task.tasktype = req.body.tasktype;

var taskObj = new Task(task);
taskObj.taskinfo = req.body.taskInfo;

改变观点：

<tr ng-repeat="task in tasks">
    <td>{{task._id}}</td>
    <td>{{task.tasktype}}</td>
    <td>{{task.taskInfo.isactive}}</td>
    <td>{{task.taskInfo.taskobject}}</td>
    <td>{{task.taskInfo.taskdetails}}</td>
    <td>{{task.taskInfo.iscompleted}}</td>
    <td><a href="#/tasks/details/{{task._id}}" class="btn btn-primary">Details</a> <a href="#/tasks/edit/{{task._id}}" class="btn btn-default">Edit</a> <button ng-click="deleteTask(task._id)" class="btn btn-danger">Delete</a></td>
</tr>

要：

<tr ng-repeat="task in tasks">
    <td>{{task._id}}</td>
    <td>{{task.tasktype}}</td>
    <td>{{task.taskinfo[0].isactive}}</td>
    <td>{{task.taskinfo[0].taskobject}}</td>
    <td>{{task.taskinfo[0].taskdetails}}</td>
    <td>{{task.taskinfo[0].iscompleted}}</td>
    <td><a href="#/tasks/details/{{task._id}}" class="btn btn-primary">Details</a> <a href="#/tasks/edit/{{task._id}}" class="btn btn-default">Edit</a> <button ng-click="deleteTask(task._id)" class="btn btn-danger">Delete</a></td>
</tr>

PS：检查你的github仓库是否有拉动请求。

如何传递子文档的数组字段值

1 个答案: