Angular 4.3.3 HttpClient : How get value from the header of a response?

by

You can observe the full response instead of the content only. To do so, you have to pass observe: response into the options parameter of the function call.

http
  .get<MyJsonData>('/data.json', {observe: 'response'})
  .subscribe(resp => {
    // Here, resp is of type HttpResponse<MyJsonData>.
    // You can inspect its headers:
    console.log(resp.headers.get('X-Custom-Header'));
    // And access the body directly, which is typed as MyJsonData as requested.
    console.log(resp.body.someField);
  });

See HttpClient’s documentation

More Related Contents:

  1. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  2. How to implement RouteReuseStrategy shouldDetach for specific routes in Angular 2
  3. Importing lodash into angular2 + typescript application
  4. Angular 2 Sibling Component Communication
  5. JS : Convert Array of Strings to Array of Objects
  6. angular 2 how to return data from subscribe
  7. In Angular, how do you determine the active route?
  8. Angular2 component’s “this” is undefined when executing callback function
  9. Deep copy an array in Angular 2 + TypeScript
  10. How to call JavaScript functions from Typescript in Angular 5?
  11. ngOnInit not being called when Injectable class is Instantiated
  12. Angular 4 pass data between 2 not related components
  13. Angular 2 – communication of typescript functions with external js libraries
  14. Rxjs toPromise() deprecated
  15. How to check for isBrowser in Angular 4
  16. How to achieve a debounce service on input keyup event in angular2 with rxjs
  17. Call a function on click event in Angular 2
  18. How to Pass data from child to parent component Angular
  19. Angular2 too many file requests on load
  20. Generate dynamic css based on variables angular
  21. Scroll to element on click in Angular 4
  22. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  23. Storing Objects in localStorage
  24. Subscribe to observable is returning undefined
  25. Plain Javascript as Angular 2 service
  26. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  27. Property ‘catch’ does not exist on type ‘Observable’
  28. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization
  29. angular 2 access ng-content within component
  30. binding data to angular checkbox

Leave a Comment