Angular 下载pdf文件而不是显示

这是我的component.html

    <iframe [src]="frameSrc | safe"  class="frameSet" type="application/pdf"
     frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
     This browser does not support PDFs. Please download the PDF to view it: 
     <a href="frameSrc | safe">Download PDF</a>
   </iframe>

当该组件在我的浏览器Chrome中打开时，将下载pdf而不是显示。frameSrc来自我指定为[src]的父组件。我想显示pdf而不是下载。我做了一些研究，发现在我的浏览器默认设置中，内容配置是附件。如何更改此选项，使其在每个浏览器上都能正常工作

我不明白为什么属性[src]周围有括号，如果您还不知道：不要这样做

没有将type作为有效属性，但type确实适用于的姐妹标记和“”

由于沙盒的限制，下面的演示无法在上运行。转到此处查看功能演示。来源：PDF由

演示 * { 保证金：0； 填充：0； } 身材{ 显示：表格； 边框：3倍脊灰； 位置：相对位置； 宽度：96vw； 最小高度：250px； 高度：自动； 保证金：0自动35px； } 菲卡普顿{ 边框：3倍脊灰； 文本对齐：居中； 字体：900 20px/1.5 Verdana； 填充：0 0 8px 0； 背景：rgba51,51,51,0.3； 颜色：fff； } iframe， 对象 嵌入{ 溢出：隐藏； 位置：绝对位置； } IFRAME 对象 嵌入

---

问题是，我正在呈现一个通过https的pdf，我得到的只是CORS错误

我刚刚在index.html文件中添加了一个meta标记，如部分所示：

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 

在我想显示的页面/模块中，如下所示：

  <object data="your_url_to_pdf" type="application/pdf">
     <iframe src="https://docs.google.com/viewer? 
     url=your_url_to_pdf&embedded=true"
     frameborder="0" webkitallowfullscreen mozallowfullscreen 
     allowfullscreen>
     </iframe>
  </object>

---

在我的情况下，我的链接不起作用，我去你的演示并将我的链接PDF替换为你的链接，但仍然不起作用，请帮助我解决我的问题。我将url剪切并粘贴到浏览器地址栏，因此它可以与PDF插件一起工作，但我知道你需要让更多的用户访问。我认为问题在于，它所在的服务器没有运行安全协议。在地址栏中剪切并粘贴url，但在打开url之前，请在http:=>https:tanks中添加一个s。对于您的答案，我在应用程序中安装了一个模块并解决了问题。这是我的模块：ng2 pdf查看器用于加载本地pdf，而不是通过https加载的pdf