我怎样才能在表单域发送多行值与angularJS到网页API

Question

我想通过网络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发送数组值的列表，网页API

Answer 1

首先你的HTML是无效的，这就是为什么你的NG-重复可能无法工作。您必须在<table></table>中包装<tr></tr>。而且，为了通过web API将数据发送到服务器，您应该使用$http服务。更具体地说，如果你需要“创建”东西你可能会使用POST方法。

欲了解更多信息，你必须看看$http service documentation。

结束你的btnSave()应该使这种操作和使用$http服务。

你的finaly代码可能看起来像这样。

模板

<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"); 
     }); 

    } 

这里有一个working sample of your code.