Post complex nested object from AngularJS to C# WebAPI Controller

Question

I want to post an JavaScript object from AngularJS to C# Api The simple type is posted but not object et Array of object

var event = { dateDebut: dateDebut, heureDebut: heureDebut, heureFin: heureFin, invites: invites,// Array Of Object titreRdv: titreRdv, userEmail: EmailGoogle } $http.post(CreateRdvPath, event) .success(function (data) { // Success code }) .error(function (data) { // Error code }); 

My C# Controller function

[HttpPost] public string createRdv(CalendarEvent MyEvent) { } 

CalendarEvent

public class CalendarEvent { private string dateDebut, heureDebut, heureFin, titreRdv; private string userEmail; private List<Utilisateur> invites; } 

Answer 1

You must supply a default constructor for any class that contains other objects. In your case, add this constructor that initializes the object.

public class CalendarEvent { public CalendarEvent() { invites = new List<Utilsateur>(); } private string dateDebut, heureDebut, heureFin, titreRdv; private string userEmail; private List<Utilisateur> invites; } 

This should then allow the framework to correctly parse the object.

Answer 2

Your $http.post should pass data as {MyEvent: event} with server side action parameter name

Code

$http.post(CreateRdvPath, {MyEvent: event}) .success(function(data) { // Success code }) .error(function(data) { // Error code }); 

OR

$http.post(CreateRdvPath, JSON.stringify({MyEvent: event})) .success(function(data) { // Success code }) .error(function(data) { // Error code });