如何在Turnjs翻书中使用Angular ngx-extended-pdf-viewer

编程问答 2022-06-12

问题描述

对不起，如果我的英语不好。 我有一个使用angular读取pdf文件并将其显示为活动簿的项目。我正在使用带有turnjs库的ngx-extended-pdf-viewer。但是，他们很难一起工作。 请帮助我改善这一点。 我以如下角度阅读了pdf文件：

component.html 

<ngx-extended-pdf-viewer height="80vh" width="100%" zoom="100%"
[src]="src"
[usebrowserLocale]="true"
[spread]="'off'"
(pdfLoaded)="pdfLoadedEvent($event)">
</ngx-extended-pdf-viewer>

component.ts 

public pdfLoadedEvent(event: PdfLoadedEvent): void {
  $("#viewer").turn().turn('page',2);
  $("#prevIoUs,#next").click(function()
  {
    $("#viewer").turn($(this).text());
  });
}
public src = '../../../../assets/pdf/text.pdf'

我能够读取pdf文件，我也可以在angular上使用turnjs来创建活动簿，但是同时使用这两种方法都无效。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularpdfpdfpdfpdf-viewerturnjstypescripttypescripttypescript