Hi rani,
Check this example. Now please take its reference and correct your code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', []);
app.controller("MyController", function ($scope, $http) {
$scope.MyArray = [];
$scope.Add = function () {
var customer = {};
customer.Id = $scope.MyArray.length + 1;
customer.Name = $scope.Name;
customer.Country = $scope.Country;
$scope.MyArray.push(customer);
};
$scope.Save = function () {
$http({
method: "POST",
url: "WebService.asmx/GetCustomers",
dataType: 'json',
data: JSON.stringify({ customers: $scope.MyArray }),
headers: { "Content-Type": "application/json" }
}).success(function (response) {
alert(response.d + ' record inserted.');
});
};
});
</script>
</head>
<body ng-app="MyApp" ng-controller="MyController">
<table>
<tr>
<td><input type="text" id="txtName" ng-model="Name" /></td>
<td><input type="text" id="txtCountry" ng-model="Country" /></td>
<td><input type="button" id="btnAdd" value="Add" ng-click="Add();" /></td>
</tr>
</table>
<hr />
<table>
<tr>
<td>Id</td>
<td>Name</td>
<td>Country</td>
</tr>
<tr ng-repeat="customer in MyArray">
<td>{{customer.Id}}</td>
<td>{{customer.Name}}</td>
<td>{{customer.Country}}</td>
</tr>
</table>
<hr />
<input type="button" id="btnSave" value="Save" ng-click="Save();" />
</body>
</html>
WebService
C#
using System.Collections.Generic;
using System.Web.Services;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebServiceCS : System.Web.Services.WebService
{
[WebMethod]
public int GetCustomers(List<Customer> customers)
{
foreach (Customer customer in customers)
{
}
return customers.Count;
}
public class Customer
{
public int Id { get; set; }
public string Name { get; set; }
public string Country { get; set; }
}
}
VB.Net
Imports System.Collections.Generic
Imports System.Web.Services
<System.Web.Script.Services.ScriptService()> _
<WebService(Namespace:="http://tempuri.org/")> _
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class WebServiceVB
Inherits System.Web.Services.WebService
<WebMethod()> _
Public Function GetCustomers(ByVal customers As List(Of Customer)) As Integer
For Each customer As Customer In customers
Next
Return customers.Count
End Function
Public Class Customer
Public Property Id As Integer
Public Property Name As String
Public Property Country As String
End Class
End Class
Screenshot