title: angularjs resource pass an array of object parameter but is null in api controller
body: <p>I have an angularjs resource as seen below:</p>
  
  <pre><code>  return $resource('/api/report',
       { },
       {
         save: { method: 'POST', url: '/api/fileupload/savefile', isArray: false },
       });
  </code></pre>
  
  <p>My angularjs controller that uses this resource is below:</p>
  
  <pre><code>$scope.save = function () {
              var reportFieldsSample = [{ Field: 'ff', Value: 'gg' }, { Field: 'aa', Value: 'dd' }];
              Report.save({ reportParams: reportFieldsSample},
                  { },
                  function (content) {
                      console.log(content);
                  });
  </code></pre>
  
  <p>My WebApiConfig for this route is:</p>
  
  <pre><code>   config.Routes.MapHttpRoute(
          "SaveFile",
          "api/fileupload/savefile",
          new { controller = "FileUpload", action = "SaveFile" },
          new { httpMethod = new HttpMethodConstraint("POST") });
  </code></pre>
  
  <p>My mvc api controller that receives this is below:</p>
  
  <pre><code>[HttpPost]
  public HttpResponseMessage SaveFile(IList&lt;Parameter&gt; reportParams)
      {
          //reportParams is null
      }
  </code></pre>
  
  <p>Parameter class is declared in this way:</p>
  
  <pre><code>public class Parameter
  {
      public string Field { get; set; }
      public string Value { get; set; }
  }
  </code></pre>
  
  <p>The request enters my api controller but the <code>reportParams</code> argument of the controller is always null.
  Can you help me point out the problem? Thanks</p>