C# ASP.NET Web API 2 accept an array of ints as inparameter from AngularJS

Question

I have the following code. Why can't I have an array or list as inparameter directly? It works fine with an array or list inside a class like below.

Request payload:

{"ids":[1,2,4]}

Angular:

send: {
    method: 'POST',
    url: controllerPath + '/send',
    isArray: true
}

agreementResource.send({ ids: vm.agreementIds }).$promise.then(function (data) {

});

C#:

//Works
[HttpPost]
[Route("send")]
[Authorize(Roles = "Admin")]
public IHttpActionResult Send(AgreementIdsViewModel ids)
{
    foreach (var id in ids.Ids)
    {

    }
}


//Does not work
[HttpPost]
[Route("send")]
[Authorize(Roles = "Admin")]
public IHttpActionResult Send(int[] ids)
{
    foreach (var id in ids)
    {

    }
}

public class AgreementIdsViewModel
{
    public int[] Ids { get; set; }
}

I know it can be done via GET-request so I think it should be possible.

GetSend([FromUri] int[] ids)

And send request:

/Send?ids=1&ids=2&ids=3 

Answer 1

please follow the following:

In angular service:

send: {
    method: 'POST',
    url: controllerPath + '/send',
   }

the big problem exists in your payload. it should look like the following:

[1,2,3,4]

without adding ids. if you want to make it like this you can use lodash or underscore like the following:

 var ids = [];

 _.map(file, function (item, index) {
                ids.push(item.name);
            });

your Web Api doesn't have any problem, and it's correct:

[HttpPost]
[Route("send")]
[Authorize(Roles = "Admin")]
public IHttpActionResult Send(int[] ids)
{
    foreach (var id in ids)
    {

    }
}

and your angular controller where you will call the service looks like this:

agreementResource.send({ ids }).$promise.then(function (data) {}

Tell me if it is worked for you.