title: <iframe> downloads pdf file instead of displaying
body: <p>This is my component.html</p>
  
  <pre><code>    &lt;iframe [src]="frameSrc | safe"  class="frameSet" type="application/pdf"
       frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;
       This browser does not support PDFs. Please download the PDF to view it: 
       &lt;a href="frameSrc | safe"&gt;Download PDF&lt;/a&gt;
     &lt;/iframe&gt;
  </code></pre>
  
  <p>When this component opens in my browser (<strong>Chrome</strong>), the pdf is downloaded instead of display. The <code>frameSrc</code> is coming from a parent component which I'm assigning as the <code>[src]</code>. I want to display the pdf instead of downloading. I did some research and found out the <code>Content-Disposition</code> is <code>attachment</code> in my browser default. How could I change this so this works on every browser? </p>