title: POSTing from Angular to .net WebAPI is always null
body: <p>I am trying to Post an object from AngularJS to a MVC 5 WebApi Controller, but the value is always null</p>
  
  <p>I can see in Chrome dev tools that the data can be found on the request.</p>
  
  <p>Angular Controller:</p>
  
  <pre><code>$scope.join = function () {
      if (!$scope.joinForm.$valid) return;
  
      // Writing it to the server
      var payload = $scope.user;
  
      var res = $http.post('/api/some', JSON.stringify( { Data: { payload }  }), { header: { 'Content-Type': 'application/json' } });
      res.success(function (data, status, headers, config) {
          $scope.message = data;            
      });
      res.error(function (data, status, headers, config) {
          alert("failure message: " + JSON.stringify({ data: data }));
      });
  }
  </code></pre>
  
  <p>MVC 5 API  Controller:</p>
  
  <pre><code>public class SomeController : ApiController
  {        
      // POST api/values 
      public void Post([FromBody]string value)
      {           
          Trace.Write(value);
      }
  }
  </code></pre>
  
  <p>If I wrap my object in {Data: {payload}} </p>
  
  <pre><code>{"Data":{"payload":{"symbol":"xxx","amount":12000,"startdate":"2014-05-23T14:26:54.106Z","enddate":"2015-05-23T14:26:54.106Z","interval":"7 minutes"}}}
  </code></pre>
  
  <p>if I dont wrap it I get:</p>
  
  <pre><code>{"symbol":"xxx","amount":12000,"startdate":"2014-05-23T14:26:54.106Z","enddate":"2015-05-23T14:26:54.106Z","interval":"7 minutes"}
  </code></pre>
  
  <p>(Visual Studio 2015 is configured to use IISExpress)</p>
  
  <p>Any ideas?</p>