angularjs resource pass an array of object parameter but is null in api controller

Question

I have an angularjs resource as seen below:

  return $resource('/api/report',
     { },
     {
       save: { method: 'POST', url: '/api/fileupload/savefile', isArray: false },
     });

My angularjs controller that uses this resource is below:

$scope.save = function () {
            var reportFieldsSample = [{ Field: 'ff', Value: 'gg' }, { Field: 'aa', Value: 'dd' }];
            Report.save({ reportParams: reportFieldsSample},
                { },
                function (content) {
                    console.log(content);
                });

My WebApiConfig for this route is:

   config.Routes.MapHttpRoute(
        "SaveFile",
        "api/fileupload/savefile",
        new { controller = "FileUpload", action = "SaveFile" },
        new { httpMethod = new HttpMethodConstraint("POST") });

My mvc api controller that receives this is below:

[HttpPost]
public HttpResponseMessage SaveFile(IList<Parameter> reportParams)
    {
        //reportParams is null
    }

Parameter class is declared in this way:

public class Parameter
{
    public string Field { get; set; }
    public string Value { get; set; }
}

The request enters my api controller but the reportParams argument of the controller is always null. Can you help me point out the problem? Thanks

Can you try to send data as Report.save(reportFieldsSample,...) and see if it works — Chandermani
– Chandermani, Commented Dec 1, 2013 at 5:27
it has an error: TypeError: Object doesn't support property or method 'push' — raberana
– raberana, Commented Dec 1, 2013 at 5:37
client side.. i found the error in the browser's console log — raberana
– raberana, Commented Dec 1, 2013 at 5:40
TypeError: Object doesn't support property or method 'push'; at copy (localhost:54429/Scripts/angular.js:826:9); at Resource (localhost:54429/Scripts/angular-resource.js:433:9) — raberana
– raberana, Commented Dec 1, 2013 at 5:43

Chandermani · Accepted Answer · 2013-12-01 06:23:18Z

2

The reason that you are getting null in you web api controller is because the structure you are sending from client is not matching the server parameter declaration.

What you can do on the server side is to declare object such as

class ReportParamsModel {
  public IList<Parameters> reportParams {get; set;}
}

You controller method becomes

public HttpResponseMessage SaveFile(ReportParamsModel params)

and you are set to go

You can also use the dynamic support in webapi, where the controller method becomes

public HttpResponseMessage SaveFile(dynamic data) {
    //data.reportParams contains you array (but each object again is a dynamic object.
}

answered Dec 1, 2013 at 6:23

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

angularjs resource pass an array of object parameter but is null in api controller

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