ngx扩展pdf查看器中有多个页面重叠

Question

我的angular应用程序使用的是ngx扩展的pdf查看器，在查看过程中看起来多个pdf页面重叠。这是我的查看器代码

<ngx-extended-pdf-viewer
*ngIf="isVisible"
[src]="pdfData"
useBrowserLocale="true" 
[textLayer]="true" 
[showPrintButton]="true"
[showDownloadButton]="true" 
[showOpenFileButton]="false" 
[showBookmarkButton]="false" 
[showPresentationModeButton]="false" 
height='90%'
[zoom]="'100%'">
</ngx-extended-pdf-viewer>

我尝试为页面和查看器类设置样式表，但没有成功。

Answer 1

听起来你的CSS规则干扰了ngx扩展pdf查看器的CSS规则。创建一个绿地项目来检查它是否是一个普遍的问题：

1. 打开终端并导航到项目的根文件夹
2. 运行此命令并接受默认值：

ng add ngx-extended-pdf-viewer

3. 将新组件<app-example-pdf-viewer>添加到<app-component>以显示PDF文件

现在您有了一个工作项目，几乎可以肯定它不会受到您的错误的影响。使用浏览器的开发工具来比较这两个项目的CSS代码，以找出错误。