Javascript 如何使用angularJS将表单字段中的多行值发送到web api
我想通过web api在angularJS控制器中插入多行值Javascript 如何使用angularJS将表单字段中的多行值发送到web api,javascript,angularjs,asp.net-web-api2,Javascript,Angularjs,Asp.net Web Api2,我想通过web api在angularJS控制器中插入多行值 <tr ng-repeat="rt in xxtt"> <td> <input type="text" class="form-control" ng-model="rt .name" required /> </td> <td>`enter code here` <input type="text" class="fo
<tr ng-repeat="rt in xxtt">
<td>
<input type="text" class="form-control" ng-model="rt .name" required />
</td>
<td>`enter code here`
<input type="text" class="form-control" ng-model="rt .email" required />
</td>
</tr>
<button class="btn" ng-click="btnSave()">
Save
</button>
$scope.newarray=[];
params = {
"id": $scope.id
"nameList": [
{
"name": $scope.name
}
]
}
angular.forEach($scope.nameList, function (response) {
$scope.newarray.push({ name: response.name });
});
params = JSON.stringify(params);
alert(params);
LoadSvc.LoadData(params).then(function (response) {
}
我可以一次添加多个行值
如何将angularjs中的数组值列表发送到web api首先,您的html无效,这就是ng repeat可能无法工作的原因。你得穿上衣服。此外,为了通过web api向服务器发送数据,您应该使用$http服务。更具体地说,如果您需要创建新的内容,您可以使用POST方法 有关更多信息,您必须查看 最后,您的btnSave应该执行此操作并使用$http服务 您的最终代码可能如下所示 模板
这里有一个问题我不明白你的问题。您想从web api获取响应并将其设置为UI还是从UI向web api发送数据。我必须插入多行,如以下参数{name:$scope.name},但我有子参数{email:$scope.email}如何通过angularjs$scope.newarray=[]发送父和子响应值api;params={id:$scope.id名称列表:[{name:$scope.name}]}angular.forEach$scope.nameList,函数响应{$scope.newarray.push{name:response.name};}; 我需要在webapi中插入名称列表数组,如何用HTTPPOST方法解决这个问题。检查我的回答中的链接,这不是我用的;警报参数;LoadDataService.LoadDataparams.thenfunction响应{
<div ng-app="app" ng-controller="AppController">
<table>
<tr ng-repeat="rt in xxtt">
<td>
<input type="text" class="form-control" ng-model="rt.name" required />
</td>
<td>`enter code here`
<input type="text" class="form-control" ng-model="rt.email" required />
</td>
</tr>
</table>
<button class="btn" ng-click="btnSave()">
Save
</button>
</div>
$scope.btnSave = function() {
/** You have to use your endpoint here **/
$http.post('some-endpoint.com', $scope.xxtt).then(function(response) {
alert("I've posted data successfully");
},function() {
alert("I've failed to post data");
});
}