angularjs send nested object to API

Question

Hi I am developing angular with web API application. I am trying receive object with array from angular. Unfortunately I am receiving null in the array.

this.updateprocesswithtemplates = function () {
    var sub = {
        projectId: "50",
        code: "app",
        templates: {
            title: "templatetiltle",
            version: "templateversion",
            visible: "templatevisible",
            templatefileid: "31",
            displayorder: "1"
        }
    };
    var responseservice = $http.put('/api/processes/81/', sub).success(function (response) {});
    return responseservice;
}

In web API i have below class

  public class updatercvparams
        {
           public string projectId{ get; set; }
           public int code { get; set; }
           public templates[] templates { get; set; }
        }
 public class templates
        {
            public string title { get; set; }
            public string version { get; set; }
            public int displayorder { get; set; }
            public string visibility { get; set; }
            public int templatefileid { get; set; }
        }

When I send above request object I will receive null in templates.

 public HttpResponseMessage Put(int id, updatercvparams obj)

May I know, Am I missing anything here?

Satpal · Accepted Answer · 2017-06-21 06:14:13Z

1

As you have defined templates as an array, you need to send an array not a object.

var sub = {
    projectId: "50",
    code: "app",
    templates: [{
        ....
    }]
};

answered Jun 21, 2017 at 6:14

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Nilesh Khisadiya · Accepted Answer · 2017-06-21 06:24:14Z

1

As per your entity(class) in web api, field name should be same in javascript object. While you sending list of data like array, use square bracts('[]').

this.updateprocesswithtemplates = function() {
  var sub = {
    projectId: "50",
    code: "app",
    templates: [{
      title: "templatetiltle",
      version: "templateversion",
      visibility: "templatevisible",
      templatefileid: "31",
      displayorder: "1"
    }]
  };
  var responseservice = $http.put('/api/processes/81/', JSON.stringify(sub))
    .success(function(response) {});
  return responseservice;
}

answered Jun 21, 2017 at 6:24

Nilesh Khisadiya

1,6982 gold badges17 silver badges29 bronze badges

Collectives™ on Stack Overflow

angularjs send nested object to API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related