在Angular 5中使用ng2- PDF -viewer导航和滚动pdf文件

Question

我正在尝试使用我的web应用程序中的ng2- PDF -viewer (https://www.npmjs.com/package/ng2-pdf-viewer#page-rendered)来显示、滚动PDF文件和导航pdf文件页面。但它不起作用。当使用[show-all]="false"时，导航工作正常。

[show-all]="true" [page]="pageNo" [stick-to-page]="true"

<pdf-viewer id="pdfViewerFrame" [src]="statusReportUrl" 
                          [page]="pageNo" [zoom]="zoomValue" (after-load-complete)="callBackFn($event)"
                          [original-size]="true" [autoresize]="false" [fit-to-page]="false" [show-all]="true" [stick-to page]="true"
                        ></pdf-viewer>

Answer 1

问题已解决。您可以使用"ng2-pdfjs-viewer“(https://www.npmjs.com/package/ng2-pdfjs-viewer)代替ng2-pdf-viewer。

Answer 2

如果您正在尝试使用“内部链接”，并且您有一个接一个的页面，那么您需要使用“page trying”来更新当前页面：

<pdf-viewer
(pagechanging)="pagechanging($event)"
[show-all]="false"
[(page)]="page"
 style="display: block; width: 100%;"
>
</pdf-viewer>

在打字方面：

pagechanging(e: CustomEvent){
    this.page = e.pageNumber; // the page variable
  }

Answer 3

尝试添加pdf-viewer标签样式显示:阻止它为我解决问题