Pass an Object from Angularjs to MVC controller and map to Class Object

Question

I have an object in angularjs which I want to pass and map it to custom c# class in mvc controller. but whenever I am doing this class object is null completely.

 $scope.Get = function () {
        var EService = [{
            id: $scope.Id,
            servicename: $scope.ServiceName,
            servicetype: $scope.ServiceType,
            monthlyrental: $scope.MonthlyRental,
            serviceremarks: $scope.ServiceRemarks,
            servicestatus: $scope.status,
            activationdate: $scope.ActivationDate,
            deactivationdate: $scope.DeActivationDate
        }];

        $http.post('/TS/API/Insert', Service).then(function (res) {
            debugger;
        })

MVC Controller and Class:

[HttpPost] 
    public string Insert(ServicesMaster Service)
    {

        GIBCADBEntities gfientity = new GIBCADBEntities();

        var record = "Sent"
        return Json(record, JsonRequestBehavior.AllowGet); 
    } public class ServicesMaster
{
    public string id { set; get; }
    public string servicename { set; get; }
    public string servicetype { set; get; }
    public int? monthlyrental { set; get; }
    public string serviceremarks { set; get; }
    public byte servicestatus { set; get; }
    public DateTime? activationdate { set; get; }
    public DateTime? deactivationdate { set; get; }
}

The javascript variable/object "EService" is ok here, and when passing only the ServicesMaster object is created with null values and no data is mapped to it. I can send single string or any value from here but when sending a complete object its behaving like this.

Newaz Sharif · Accepted Answer · 2017-01-11 11:46:57Z

2

You are passing an array from front end and fetching object from server end. just remove the "[" and "]" brace while set value to EService . Like :

 $scope.Get = function () {
     var Service = {};
     Service = {
        id: $scope.Id,
        servicename: $scope.ServiceName,
        servicetype: $scope.ServiceType,
        monthlyrental: $scope.MonthlyRental,
        serviceremarks: $scope.ServiceRemarks,
        servicestatus: $scope.status,
        activationdate: $scope.ActivationDate,
        deactivationdate: $scope.DeActivationDate
     };

     $http.post('/TS/API/Insert', Service).then(function (res) {
        debugger;

     }); 
};

It should work now. :)

answered Jan 11, 2017 at 11:46

Newaz Sharif

4244 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass an Object from Angularjs to MVC controller and map to Class Object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related