How I add Headers to http.get or http.post in Typescript and angular 2?

Question

getHeroes (): Observable {
    return this.http.get(this.heroesUrl)
      .map(this.extractData)
      .catch(this.handleError);
  }

Answer 1

I have used below code in Angular 9. note that it is using http class instead of normal httpClient.

1. so import Headers from the module, otherwise Headers will be mistaken by typescript headers interface and gives error

   import {Http, Headers, RequestOptionsArgs } from "@angular/http";

2. and in your method use following sample code and it is breaked down for easier understanding.

   let customHeaders = new Headers({ Authorization: "Bearer " + localStorage.getItem("token")});
   const requestOptions: RequestOptionsArgs = { headers: customHeaders };
   return this.http.get("/api/orders", requestOptions);