Creé una aplicación .NET MVC donde necesito enviar datos de frontend a backend. Creé campos dinámicos que se agregan cuando el usuario presiona el botón. Pero la entrada agregada en los campos dinámicos no se guarda en la base de datos. Mi backend está en MVC .NET. Quiero guardar los datos ingresados en los campos dinámicos.

Código HTML:

 <div class="form-group"> <label class="col-md-4 control-label"> Phone Number :</label> <div class="col-md-8"> <input type="text" class="form-control" id="inputLabel3" placeholder="PhnNumber" ng-model="UserContactVM.PhnNumber "> </div> <div ng-repeat="UserContactVM in inputs"> <input type="text" ng-model="UserContactVM.v"> </div> <button ng-click="add()">Add Input</button> </div>

JavaScript:

 app.controller("UserController", function ($scope, $http) { $scope.btntext = "Save"; $scope.inputs = [{ PhnNumber: "" }]; ($scope.add = function () { var dataObj = { PhnNumber: "" }; $scope.inputs.push(dataObj); }), ($scope.saveuser = function () { $scope.btntext = "Please Wait.."; $http({ method: "POST", url: "/User/Create", datatype: "json", data: JSON.stringify($scope.UserContactVM), }).then( function successCallback(response) { console.log(); }, function errorCallback(response) {} ); }); });