我正在使用 Yeoman 的 angular-fullstack 生成器制作一个简单的全栈 javascript 投票应用程序。我已经到了需要记录用户输入以对个人民意调查的答案进行投票的地步。
目前,我的代码正确影响客户端代码,但不更新数据库。
这是架构:
var PollSchema = new Schema({
creator: String,
title: String,
answers: [{
value: String,
votes: Number
}]
});
这是控制器:
'use strict';
angular.module('angFullstackCssApp')
.controller('ViewCtrl', function ($scope, $routeParams, $http) {
$http.get('/api/polls/' + $routeParams._id).success(function (poll) {
console.log(poll);
$scope.poll = poll;
$scope.radioData = {
index: 0
};
$scope.submitForm = function () {
console.log($scope.radioData.index);
$scope.poll.answers[$scope.radioData.index].votes += 1;
// Change database entry here
$http.put('/api/polls/' + $routeParams._id, {answers: $scope.poll.answers});
};
});
});
这是视图:
<form ng-submit="submitForm()">
<div ng-repeat="answer in poll.answers">
<label><input type="radio" name="option" ng-model="radioData.index" value="{{$index}}"/>
{{ answer.value }} - {{ answer.votes }} Votes
</label>
</div>
<button class="btn btn-success" type="submit">Vote!</button>
</form>
在我的终端中,根据我传入的 ID,我收到了一个成功的 put 请求......
PUT /api/polls/56229ba4e10ae6ad29b7a493 200 3ms - 225b
...但我的数据库中没有任何变化。我没有控制台错误。
这是我的路线:
router.put('/:id', controller.update);
和update
功能(约曼默认的一部分):
// Updates an existing poll in the DB.
exports.update = function(req, res) {
if(req.body._id) { delete req.body._id; }
Poll.findById(req.params.id, function (err, poll) {
if (err) { return handleError(res, err); }
if(!poll) { return res.status(404).send('Not Found'); }
var updated = _.merge(poll, req.body);
updated.save(function (err) {
if (err) { return handleError(res, err); }
return res.status(200).json(poll);
});
});
};
编辑:我已经意识到提交投票时发生了什么。当用户点击投票时,一个 PUT 请求通过服务器,并更新值:
但是,当页面刷新时,它会显示实际发生的情况;数据库中的所有值都已更改为第一个答案值:
仍然没有控制台错误。如果选择并投票的值不是第一个值,则所有值都会更改为第一个值,但不会注册任何投票。
- 如何编写成功更新数据库的 PUT 请求?