如何从HTML页面中将数据作为mongoDB中的子文档插入到Mean-stack应用程序中

我试图将数据作为子文档插入到MEANSTACK应用程序中。 以下是架构:

var Employee = mongoose.model('Employee', mongoose.Schema({ weekstart : { type:Date, default: Date.now}, weekend : { type:Date, default: Date.now}, // user : [{ type: Schema.Types.ObjectId, ref: 'Employee' }], timesheet:[{ project:{ type:String}, activity:{ type:String}, day:{type: String}, hours:{type: Number} }] })); 

在上面,我想从HTML页面插入数据到活动,项目,date和时间。

为此目的的API返回是:

 app.post('/api/employees', function(req, res){ Employee.create( req.body, function(err, employees,time){ if(err) return res.send(err); res.json(employees); console.log(employees); console.log(time); }); }); 

该服务是:

 $scope.addTimesheet = function(data){ $scope.time = []; //var id = $routeParams.id; $http.post('/api/employees/', $scope.employee).then(function(response){ $scope.employee = response.data; $http.get('/api/employees/' ).success(function(response){ $scope.time = response.timesheet; window.location.href = '/'; }); }); } 

HTML页面是:

 <tbody> <tr id="tablerow"> <td> <select name="Project stream" ng-model="time.timesheet.project"> <option value="">Project Stream</option> <option value="Drones">Drones</option> <option value="Virtual Reality">Virtual Reality</option> <option value="Augmented Reality">Augmented Reality</option> <option value="Arch – Automation">Arch – Automation</option> <option value="Arch – Devops">Arch – Devops</option> <option value="Voice">Voice</option> </select> </td> <td> <select name="Activities" ng-model="time.timesheet.activity"> <option value="">Activities</option> <option value="Research">Research</option> <option value="Development">Development</option> <option value="Test/Deploy">Test/Deploy</option> <option value="Demo">Demo</option> </select> </td> <td> <select name="Week" ng-model="time.timesheet.day"> <option value="">Week</option> <option value='Monday'>Monday</option> <option value='Tuesday'>Tuesday</option> <option value='Wednesday'>Wednesday</option> <option value='Thursday'>Thursday</option> <option value='Friday'>Friday</option> <option value='Saturday'>Saturday</option> </select> </td> <td> <center><input type = "number" min="0.5" max="9" style="width: 55px" required ng-model="$parent.time.timesheet.hours"></center> </td> <!-- <td><center><input type = "number" min="0.5" max="9" style="width: 55px" required ></center></td> <td><center><input type = "number" min="0.5" max="9" style="width: 55px" required ></center></td> <td><center><input type = "number" min="0.5" max="9" style="width: 55px" required ></center></td> <td><center><input type = "number" min="0.5" max="9" style="width: 55px" required ></center></td> <td><center><input type = "number" min="0.5" max="9" style="width: 55px" required ></center> </td> --> </tr> <tr> <td> <center><input type = "text" ></center> </td> <td> <center><input type = "text" ></center> </td> <td> <center><input type = "text" ></center> </td> <td> <center><input type = "text" style="width: 55px" required ></center> </td> <!-- <td><center><input type = "text" style="width: 55px" required ></center></td> <td><center><input type = "text" style="width: 55px" required ></center></td> <td><center><input type = "text" style="width: 55px" required ></center></td> <td><center><input type = "text" style="width: 55px" required ></center> </td> --> </tr> </tbody>