gpt4 book ai didi

angularjs - 从输入将数组发布到数据库

转载 作者:搜寻专家 更新时间:2023-10-31 23:40:33 25 4
gpt4 key购买 nike

我有一个小问题,请给我一些建议或帮助我如何解决这个烦人的问题。问题:如何将来自多个输入的值保存在数组中?在数据库中的当前代码中,只保存第一个输入,如果我在第一个输入中写了一些东西,其他人也在写同样的东西(我认为问题出在 ng-model 中)。

index.html

<div class="form-group">
<form>
<input type="text" ng-model="description" name="description" class="form-control" required>
<input type="text" ng-model="description" name="description" class="form-control" required>
<input type="text" ng-model="description" name="description" class="form-control" required>
<button type="submit">Save</button>
</form>
</div>

API.js

    router.post('/courses', function(req, res){
var course = new Product();
course.description = req.body.description;
course.save(function(err){
if(err){
console.log(err)
} else {
res.json({success:true, message:'saved!'});
}
})
});

服务

    userFactory.createNewCourse = function(productData){
return $http.post('/api/courses', productData)

最佳答案

你可以使用 ng-repeat 来做你需要的:

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope,$http) {

$scope.description = [];
$scope.save = function() {
$http.post('/api/courses', $scope.description).then(function(response) {});
}
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body>

<div ng-app="myApp" ng-controller="myCtrl">

<form ng-submit="save()">
<div ng-repeat="n in [].constructor(3) track by $index">
<input type="text" ng-model="description[$index]" name="description_{{$index}}" class="form-control" required />
</div>
<button type="submit">Save</button>
</form>
<h1>Input Data:</h1>
{{description}}
</body>

</html>

关于angularjs - 从输入将数组发布到数据库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45344108/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com