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

在Angular 5中使用ng2 PDF viewer导航和滚动PDF文件,angular,Angular,我正在尝试在web应用程序中使用ng2 PDF viewer()显示、滚动PDF文件和浏览PDF文件页面。但它不起作用。当[show all]=“false”时,导航工作正常 [全部显示]=“真实”[页面]=“页面号”[坚持页面]=“真实” 问题已经解决。您可以使用“ng2 pdfjs查看器”(而不是 ng2 pdf viewer。尝试为pdf viewer标签样式显示添加:阻止它为我解决问题如果您尝试使用“内部链接”,并且有一个接一个页面,则需要使用“页面更改”更新当前页面: 您不能将[sho

我正在尝试在web应用程序中使用ng2 PDF viewer()显示、滚动PDF文件和浏览PDF文件页面。但它不起作用。当
[show all]=“false”
时,导航工作正常

[全部显示]=“真实”[页面]=“页面号”[坚持页面]=“真实”

问题已经解决。您可以使用“ng2 pdfjs查看器”(而不是
ng2 pdf viewer。

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

如果您尝试使用“内部链接”,并且有一个接一个页面,则需要使用“页面更改”更新当前页面:


您不能将
[show all]=“true”
[page]=“page”
一起使用。“全部显示”适用于多个可滚动页面。设置
[show all]=“false”
以指定要显示的单个页面


[stick to page]=“true”
这里应该是
[stick to page]=“true”
,并且它也应该仅与
[show all]=“true”

结合使用。这不是对您所问问题的回答
[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>
<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
  }