Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angularJS将表单字段中的多行值发送到web api_Javascript_Angularjs_Asp.net Web Api2 - Fatal编程技术网

Javascript 如何使用angularJS将表单字段中的多行值发送到web api

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

我想通过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="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");
      });

  }