title: Opening a PDF Blob in a new Chrome tab (Angular 2)
body: <p>I am loading a PDF as follows (I am using Angular 2, but I am not sure that this matters..):</p>
  <pre class="lang-js prettyprint-override"><code>//Inside a service class
  downloadPdf = (id): Observable&lt;Blob&gt; =&gt; {
      let headers = new Headers();
      headers.append(&quot;Accept&quot;, &quot;application/pdf&quot;);
      return this.AuthHttp.get(this.pdfURL + id, {
          headers: headers,
          responseType: ResponseContentType.Blob
      }).map(res =&gt; new Blob([res.blob()], {type: &quot;application/pdf&quot;}));
  }
  
  //Inside a click handler
  this.pdfService.downloadPdf(this.id).subscribe((data: Blob) =&gt; {
          let fileURL = window.URL.createObjectURL(data);
          window.open(fileURL);
      });
  </code></pre>
  <p>This code runs nicely in Firefox. In Chrome, a new tab briefly flashes open and closes. When I debug and I manually put surf to the object URL, Chrome can open it just fine.</p>
  <p>What am I doing wrong here?</p>