How to add a title to a post in angular 2?

Question

//In services.ts import { Injectable } from '@angular/core'; import { Http, Headers, RequestOptions } from '@angular/http'; import 'rxjs/Rx'; @Injectable() export class DataService { constructor(private http: Http) { } fetch(){ return this.http.get('json-object-link').map( (res) => res.json() ) } } //In component ngOnInit() { this.dataService.fetch() .subscribe( (data) => this.ninjas = data ); } 

I want to add the following header to this query:
"headers":
{
"content-type": "application / json",
"access_token": "abcd"
}

Answer 1

 @Injectable() export class UserService { constructor (private http:HttpClient) {} getUserByName(username: string) { let url="http://localhost:8088/rest/user/userName"; let header=new Headers({'Content-Type': 'application/json', 'Authorization': 'Bearer '+localStorage.getItem("access_token")}); return this.http.post(url, username, {headers: header}); } } 

Answer 2

try it

  let headers = new Headers({ "content-type": "application/json", }); headers.append('access_token', "abcd"); let options = new RequestOptions({ headers: headers }); this.http .post(url, data, options) 

Answer 3

You can

 let headers = new HttpHeaders(); headers = headers.set(...); headers = headers.set(...); headers = headers.set(...); 

or

 let headers = new HttpHeaders().set(...) .set(...) .set(...); 

link: problem with http header angular 4 email

if in angular 2

 let headers = new Headers(); headers.append('Content-Type', 'application/json'); headers.append('authentication', `${student.token}`); let options = new RequestOptions({ headers: headers }); return this.http .put(url, JSON.stringify(student), options)