Angular 2: HTTP Post Request with URL parameters and body type parameter

Question

I am trying to make an HTTP POST request with Angular 2 as below.

saveUserSelection() {
    var json = JSON.stringify({access_token: localStorage.getItem('access_token')});
    var params = 'json=' + json;
    var headers = new Headers();
    headers.append({ 'Content-Type': 'application/json' });

    return this.http
        .post('http://localhost:8080/user/selection', params, { headers: headers })
        .map(res => res.json());
}

But I am getting an error as below.

angular2.dev.js:23877 EXCEPTION: Error during evaluation of "ngSubmit" ORIGINAL EXCEPTION: SyntaxError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': '[object Object]' is not a valid HTTP header field name.

Does anyone have an idea what's wrong with my code? And how can I create a HTTP POST request with parsing body type parameter?

Answer 1

This should do what you want:

headers.append('Content-Type', 'application/json' );
headers.append('access_token', localStorage.getItem('access_token'));