Angular 6 POST to WebAPI

Question

I'm working on a simple tutorial project using Angular 6 and ASP.NET Core WebAPI.

I'm not quite sure what i'm missing, but my POST calls don't work. To be precise, everything works in terms of communication with the web service, but the object that is passed into my controller method parameter has all its properties set to null or default value when null isn't admitted by C# types.

Here's my call in typescript:

createRequest(request: PrintRequestDto): Observable<PrintRequestDto> {
const actionUrl = this.apiBaseUrl + 'CreateRequest';

return this.http.post<PrintRequestDto>(actionUrl, JSON.stringify(request)); }

And this is my server-side C# method:

[Authorize]
[HttpPost]
[Route("CreateRequest")]
public PrintRequestDto CreateRequest(PrintRequestDto request)
{
    return _printServiceManager.CreateRequest(request);
}

I already found this question here SO Question, but adding content-type specifications in my headers is not helping. Just to let you know, I'm using the HttpInterceptor built-in into Angular to inject JWT & content type informations in all my requests' headers.

As you can see here, they look properly set:

I would also like to better understand the http features when it comes to these things, so if you have a link to some complete documentation to provide, it would be awesome.

As an aside, in ASP.NET Core you can combine the `Route` and `HttpPost` attributes (.i.e. `[HttpPost("CreateRequest")]`) if you prefer that. — Kirk Larkin, Aug 23 '18 at 13:49

Suren Srapyan · Accepted Answer · 2018-08-23T13:44:15.177

4

You need to add [FromBody] attribute on the PrintRequestDto request

[Authorize]
[HttpPost]
[Route("CreateRequest")]
public PrintRequestDto CreateRequest([FromBody]PrintRequestDto request)
{
    return _printServiceManager.CreateRequest(request);
}

edited Aug 23 '18 at 13:44

answered Aug 23 '18 at 13:41

Suren Srapyan

66,568
14
114
112

Working perfectly! Still don't know when to use those attributes :D Thank you! Have to wait some time but be sure i'll accept your answer – mororo Aug 23 '18 at 13:43
Ok. Thank you too – Suren Srapyan Aug 23 '18 at 13:44
https://learn.microsoft.com/en-us/aspnet/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api – Fred Aug 23 '18 at 13:57

Angular 6 POST to WebAPI

1 Answers1