title: angular 5 send request header and receive response header using HttpClient
body: <p>I have written an authentication service in Angular 5 which does a GET request to my backend using the HttpClient class. </p>
  
  <p>My request looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>headers =  new HttpHeaders().set('Content-Type', 'application/json')
                               .set('X-XSRF-TOKEN', 'sdfhjsdgh');
  
            const options = ({ headers: headers});
            this.http.get('http://127.0.0.1:8080/api/v1/display', options)
           .filter(data =&gt; data.status === 200 || data.status === 206)
           .map((res) =&gt; this.success(res))
           .catch((res) =&gt; this.failure(res, service));</code></pre>
  </div>
  </div>
  </p>
  
  <p>How do I access the authorization header of the response?</p>
  
  <p>Any help is very much appreciated.</p>