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

Question

I want to insert the multiple row values in angularJS controller via web api

<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) {  
}   

I can add multiple row values at a time How can i send list of array values in angularjs to web api

Answer 1

First of all your html is invalid that's why your ng-repeat might not be working. You have to wrap <tr></tr> in <table></table> . Moreover, in order to send data to server via a web api you should use $http service. More specifically if you need to "create" something new you might use POST method.

For more information you have to take a look at $http service documentation .

To conclude your btnSave() should make this operation and use $http service.

Your finaly code might look something like this.

Template

<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>

Controller

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

  }

Here's a working sample of your code.