title: Angular won't open large blob file
body: <p>I am generating a pdf file on the backend and returning it to the frontend as stream buffer</p>
  <p><a href="https://i.stack.imgur.com/YfO24.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YfO24.png" alt="enter image description here" /></a></p>
  <p>For small PDF's everything works fine - a new browser tab opens and I can download the generated pdf. However I encounter a problem when I generate large PDFs, the server request is completed and I can see the blob data but it doesn't open the PDF in a new tab so I can see and download the generated PDF.</p>
  <p>component.ts</p>
  <pre><code>async createReport() {
      let blob = await this.searchService.createReport(this.searchService.submitObj);
      let fileURL = URL.createObjectURL(blob);
  
      window.open(fileURL);
  }
  </code></pre>
  <p>service.ts</p>
  <pre><code>async createReport(data) {
      let pdfStream = await this.http.post&lt;any&gt;(
        environment.apiUrl + 'search/create-issues-report',
        data,
        { responseType: 'blob' as 'json'}
      ).toPromise();
  
      return new Blob([pdfStream], { type: 'application/pdf' });
  }
  </code></pre>
  <p>Are there other settings I need to make before opening large pdf files?</p>