Angular11:我无法显示PDF
创始人
2024-10-21 18:32:26
0

在Angular中,要在页面上显示PDF文件,可以使用ngx-extended-pdf-viewer库。您可以通过以下步骤来实现:

1.安装ngx-extended-pdf-viewer:

在命令行中运行以下命令进行安装:

npm install ngx-extended-pdf-viewer --save

2.将ngx-extended-pdf-viewer库添加到项目中:

在app.module.ts文件中导入NgxExtendedPdfViewerModule:

import {NgxExtendedPdfViewerModule} from 'ngx-extended-pdf-viewer';

@NgModule({ ... imports: [ ... NgxExtendedPdfViewerModule ], ... }) export class AppModule { }

3.在HTML文件中使用ngx-extended-pdf-viewer:

在HTML文件中,您可以使用以下标签来显示PDF文件:

其中,pdfSrc是PDF文件的URL。

4.在组件中设置pdfSrc:

在组件中,您需要设置pdfSrc的值:

export class YourComponent implements OnInit {

pdfSrc: string;

ngOnInit(): void { this.pdfSrc = 'assets/example.pdf'; }

}

这样,您就可以在Angular应用程序中显示PDF文件了。

相关内容

热门资讯

透视黑科技!wepoker辅助... 透视黑科技!wepoker辅助是真的吗(透视)原来真的是有辅助神器(真是有挂)-哔哩哔哩暗藏猫腻,小...
据玩家消息!wepoker模拟... 据玩家消息!wepoker模拟器哪个(透视)好像真的有辅助插件(有挂分析)-哔哩哔哩wepoker模...
经调查!wpk刷入池率脚本(透... 经调查!wpk刷入池率脚本(透视)一直存在有辅助下载(证实有挂)-哔哩哔哩1、超多福利:超高返利,海...
受玩家影响!wepoker透视... 受玩家影响!wepoker透视脚本苹果版(透视)切实存在有辅助app(有挂教程)-哔哩哔哩1、wep...
据公告内容!sohoo竞技联盟... 据公告内容!sohoo竞技联盟辅助器(透视)好像是真的辅助神器(有挂分享)-哔哩哔哩sohoo竞技联...
透视模拟器!hhpoker透视... 透视模拟器!hhpoker透视方法(透视)一贯真的是有辅助工具(有挂规律)-哔哩哔哩1、hhpoke...
透视模拟器!大菠萝免费辅助器(... 透视模拟器!大菠萝免费辅助器(透视)都是真的有辅助神器(有挂猫腻)-哔哩哔哩1、每一步都需要思考,不...
此事引发网友热议!大菠萝免费辅... 此事引发网友热议!大菠萝免费辅助器(透视)真是是有辅助工具(有挂方法)-哔哩哔哩1、打开软件启动之后...
透视好友!wepoker辅助是... 透视好友!wepoker辅助是真的吗(透视)都是存在有辅助神器(有挂秘籍)-哔哩哔哩1、任何wepo...
连日来!wepoker免费透视... 连日来!wepoker免费透视(透视)好像是真的辅助插件(有挂秘籍)-哔哩哔哩1、点击下载安装,we...