André Azevedo André Azevedo - 1 year ago 179
ASP.NET (C#) Question

Angular 2 http post null Web Api Core

I am implementing a new web application in angular 2, using an existing Web Api (ASP.NET Core), but i am having trouble with HTTP Post. After searching all kind of information, I still not abble to resolve this problem and my Web API still receiving null params from angular post.

I need to see what is wrong here.
Here is my Angular 2 code:

posted(event) {
export class httpTestComponent {

constructor(public http: Http) {


posted(event) {
var user: UserViewModel = {
name: "angularUser",
password: "pw",
email: "angularMail"
let pedido = JSON.stringify(user);

let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });'http://localhost:10832/api/Account/Register', { pedido }, options)


export interface UserViewModel {
name: string,
password: string,
email: string,


Web API:

public void Register([FromBody] UserRegisterViewModel userVm)

ViewModel WEB API:

public class UserRegisterViewModel
public string name { get; set; }

public string password { get; set; }

public string email { get; set; }

Can someone tell me where Am I wrong?

Answer Source

There is no reason to add JSON.stringify(). Try removing it.


Either remove JSON.stringify() or remove the braces around body data:'http://localhost:10832/api/Account/Register', pedido, options)

Angular will try to serialize already serialized JSON string as an object, if you leave it this way and that's why you're having an issue.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download