title: Change title of object pdf
body: <p>I am getting pdf from API as a stream of data. I'm converting it into a blob and opening it in the Object tag. The PDF is opening but the title is like <code>a2e08787-0376-430b-b7c8-3581b8dd3900</code>. Can I change it anyhow or make it disappear? I know I can disable toolbar but that will disable other features like page navigation and printing. </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-css lang-css prettyprint-override"><code>&lt;ion-row class="fullScreen"&gt;
    &lt;ion-col&gt;
      &lt;object class="fullScreen" id="pdfframe" [data]="pdfSrc" type="application/pdf"&gt;&lt;/object&gt;
    &lt;/ion-col&gt;
  &lt;/ion-row&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>downloadPDF(id) {
  
      this._service.downloadFileWithRx(id).subscribe(doc =&gt; {
        if (doc.type == 'application/pdf') {
          let url = window.URL.createObjectURL(doc);
          console.log(url);
          this.pdfSrc = this.sanitizer.bypassSecurityTrustResourceUrl(url);
        }
  
      },
        error =&gt; console.log(error)
      )
  
    }
  
    </code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/hepBr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hepBr.png" alt="enter image description here"></a></p>