En el front-end, uso Angular para recopilar algunos datos del formulario y enviarlos a mis controladores del lado del servidor. Como se muestra en la imagen a continuación, obtengo los datos ($scope.newData) en mi controlador y servicio, pero cuando llega al servidor, aparece el siguiente error: "Tipo de medio no compatible" y mi newData está vacío.

Mi controlador:

 // Create new salesman $scope.addSalesman = function (newData) { console.log("Controller"); console.log($scope.newData); myService.addNewSalesman($scope.newData).then(function (data) { console.log(data); }, function (err) { console.log(err); }); };

mi servicio:

 addNewSalesman: function (newData) { console.log("service"); console.log(newData) var deferred = $q.defer(); $http({ method: 'POST', url: '/api/Salesman', headers: { 'Content-type': 'application/json' } }, newData).then(function (res) { deferred.resolve(res.data); }, function (res) { deferred.reject(res); }); return deferred.promise; }

Mi modelo de vendedor:

 public class Salesman { public int SalesmanID { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string Gender { get; set; } public string BirthDate { get; set; } public int Phone { get; set; } public string Adress { get; set; } public string City { get; set; } public int Postal { get; set; } public string Role { get; set; } }

Mi controlador del lado del servidor:

 [Route("api/[controller]")] public class SalesmanController : Controller { private readonly DataAccess _DataAccess; public SalesmanController() { _DataAccess = new DataAccess(); } [HttpPost] public IActionResult PostSalesman([FromBody] Salesman newData) { return Ok(newData); }