使用Typescript在angular 6中显示联机链接中的Pdf

我想实现当我用pdf地址在浏览器中打开pdf时，现在我想在我的项目中显示此pdf

我写了一些代码，但没有工作的东西，我忘了写

在此之前，我在这里安装了

ng2pdf查看器的依赖项

这是我的密码

HTML

<pdf-viewer [src]="httpData" [render-text]="true" style="display: block;"></pdf-viewer>

<pdf-viewer [src]="fileURL" [original-size]="false"></pdf-viewer>

那么，如何读取前端的响应，即使用typescript在angular 6上的响应呢

非常感谢您的建议和帮助，谢谢您，祝您编码愉快
在需要将响应存储在变量上并将该变量放入
Blob之前，您可以像这样显示来自s3 bucket Amazon Web Service的Pdf

还有一件事你的pdf没有显示，因为有些链接是安全的，这就是为什么他们不能访问链接数据pdf

所有数据都存储到
fileURL
Variable中，并将
fileURL
varible放入
pdf查看器中
像这样

HTML

<pdf-viewer [src]="httpData" [render-text]="true" style="display: block;"></pdf-viewer>

<pdf-viewer [src]="fileURL" [original-size]="false"></pdf-viewer>

URL.createObjectURL（）静态方法创建一个
DOMString
，其中包含表示参数中给定对象的URL。URL生存期绑定到创建URL的窗口中的文档。新对象URL表示指定的文件对象或
Blob
对象

在你的pdf看起来像pdf格式的任何帮助plz要求和快乐的编码

filepath: any;
fileURL: any;

this.http.get('Apiname').subscribe(response => {
          this.filepath = response;
          var file = new Blob([this.filepath]);
          this.fileURL = URL.createObjectURL(file);
 });