title: Angular 2 get filename from file download
body: <p>I can't seem to get the content-disposition header to show up. I can only see Content-Type. It's in my response though.</p>
  
  <pre><code>public openAttachment(id: number) {
  this.http
    .get(`${this.startupService.baseUrl}company/${this.company.companyID}/attachment/${id}`,
       {responseType: 'blob', observe: 'response'})
    .subscribe(data =&gt; {
      console.log(data);
  
      const contentDis = data.headers.get('content-disposition');
      console.log(contentDis);
  
      const contentType = data.headers.get('content-type');
      console.log(contentType);
    });
  }    
  </code></pre>
  
  <p>Here's a copy of my console log:</p>
  
  <p><a href="https://i.stack.imgur.com/Lp5Z8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lp5Z8.png" alt="enter image description here"></a></p>
  
  <p>and here's the response:</p>
  
  <p><a href="https://i.stack.imgur.com/pvnOX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pvnOX.png" alt="enter image description here"></a></p>