title: $http post not binding with asp.net MVC model
body: <p>Why is the payload from a  angularjs $http post not beeing binded to the input model?</p>
  
  <p>When the action is called the model is null and the request.params and request.forms does not show any sign of a form beeing sent. But the fiddler request shows that the payload is beeing sent with JSON.</p>
  
  <p>AngularJS:</p>
  
  <pre><code>$http({
              method: "POST",
              url: "price/add",
              data: {
                  Id: $scope.id,
                  StoreId: $scope.storeid,
                  Name: $scope.name,
                  Manufacturer: $scope.manufacturer,
                  Price: $scope.price
              }
          })
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>public class PriceModel
      {
          public int? Id { get; set; }
          public int? StoreId { get; set; }
          public string Barcode { get; set; }
          public string Name { get; set; }
          public string Manufacturer { get; set; }
          public DateTime Created { get; set; }
          public double? Price { get; set; }
      }
  </code></pre>
  
  <p>controller and action method description</p>
  
  <pre><code>public class PriceController : Controller
      {
          [HttpPost]
          public int Add(PriceModel price)
          {
  </code></pre>
  
  <p>Fiddler:</p>
  
  <pre><code>POST http://localhost:4989/price/add HTTP/1.1
  Host: localhost:4989
  Connection: keep-alive
  Content-Length: 70
  Accept: application/json, text/plain, */*
  Origin: http://localhost:4989
  User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.146 Safari/537.36
  Content-Type: application/json;charset=UTF-8
  Referer: http://localhost:4989/
  Accept-Encoding: gzip,deflate,sdch
  Accept-Language: nb,no;q=0.8,en-US;q=0.6,en;q=0.4
  
  {"id":"","storeid":"","name":"asdf","manufacturer":"asdf","price":123}
  </code></pre>