问题标签 [ng2-pdfjs-viewer]

我在正确显示特定类别的 PDF 文件时遇到问题。我用 pdf.js v2.9.359 测试了其中的一些文件，发现这个版本可以正确显示有问题的 PDF 文件。然后我决定我应该将 pdf.js v2.9.359 分发文件夹 ( build, web) 复制到我的src/assets/pdfjs-dist-2.9.359文件夹并使用viewerFolder属性引用它。

但是，现在我发现 ng2-pdfjs-viewer 自定义不起作用（即显示打开文件按钮，即使我已经指定了openFile=false.pdf.jsweb/viewer.html发行版中以不兼容的方式更改，或者我错过了一些更根本的东西?

左侧边栏似乎默认为少数 pdf 关闭而为少数其他人打开？该工具是否对它应该如何做出某种决定？

我曾尝试始终使用 onDocumentLoad 事件关闭侧边栏，但问题是，侧边栏在以编程方式关闭之前会出现一瞬间。导致闪烁。

谢谢。

还有其他人发现ng2-pdfjs-viewerAngular 库不会触发该onDocumentLoad函数吗？

很多人已经注意到，如果 pdf在不同的窗口中打开，那么他们会得到这种行为，但对我来说，我的 pdf 在同一个窗口中。

“ng2-pdfjs-viewer.component.ts”文件包含一个receiveMessage函数，该onDocumentLoad函数将被调用，但我在该函数周围添加了一些日志记录，而整个函数永远不会被调用。

我的 pdf 由库完美显示，但我需要知道 pdf 何时完成渲染，以便我可以搜索并突出显示其中的某些单词。

ng2-pdf-viewer 演示

为了显示目录，我使用了这里提到的 getOutline()

这个 pdf工作正常。但是对于一些 pdf 大纲是未定义的。我已经为那几个 pdf 实现了这个 ng2-pdf-viewer。请帮助

我想突出显示以编程方式存在于 PDF 下的文本。我怎么能做到这一点。我浏览了 ng2-pdfjs-viewer，但找不到我的代码的任何解决方案

我需要在加载 pdf 文档时运行一个方法。但是 onDocumentLoad 回调没有被触发。我在同一个窗口中渲染 pdf。

我上传了不到 2 页的 pdf 文档，pdf 查看器正在工作并快速加载所有页面，如 2 页。但上传超过 2 页（例如：51 页）pdf 查看器正在工作但仅加载前两页，其余页面显示加载图标。帮助解决这个问题。

我的 ng2-pdf-viewer 版本是 7.0.1。并且还使用了 ng2-pdf-viewer@7.0.2。

这是我的 app.module.ts 文件

这是我的 HTML 文件

这是我的 TS 文件

我一直在 Angular 组件中使用 ng2-pdfjs-viewer。但是，仅当满足条件时，我才需要 div 元素占用 DOM 中的空间。所以我使用 *ngIf 作为 div。但是，当我使用 ngIf 时，分页符。在控制台中，它不会在主窗口中显示任何错误。在控制台侧边栏中，有关于 vendor.js 中 4 个错误的通知。但是，看不到错误。

component.html：使用 ng2-pdfjs-viewer 的部分

如果我删除 div 的 ngIf 条件，页面将正确显示。我尝试检查条件的有效性或使用任何其他条件，但是，使用 ngIf 时分页符。

我在这里错过了什么吗？请帮忙。

编辑： 添加渲染组件的屏幕截图，

pdfViewer div 上没有 ngIf：正确渲染元素。

使用 ngIf（将变量分配为 true 或 false 的简单条件）

错误的渲染。当 isLoading 设置为 false 时，pdfViewer div 从 DOM 中消失，但页面呈现混乱，如下所示。即使 isLoading 设置为 true，渲染也会混乱。

组件.html

有一个选项可以使用文件类型的输入元素来选择文件，如下所示。所选文件应显示在具有 pdfViewer 的 div 中。默认情况下，此 div 不显示在 DOM 中。这是*ngIf='isCeFile'在 div 上使用定义的。即默认情况下isCeFile = false

组件.ts

处理文件输入的方法会更改 ngIf 中用于 pdfViewer div 的变量。但是，在执行此方法时，div 未初始化。因此，未定义 pdfViewer 元素。因此所选文件不会分配给 pdfViewer。

onChange()有没有办法在语句之前的方法内初始化div，即初始化pdfViewer元素this.pdfViewerAutoLoadCE.pdfSrc = this.clientEmailFile;

截至目前，我在 pdfViewer div 上使用没有 ngIf 的它，它工作正常。但是，只需要在需要的时候才显示这个div，这样页面上就不会显示空白。

我正在尝试实现以下目标。

我希望匹配文本列表应列在右侧栏中。我确信可以使用 PDFTron 来完成，但我正在寻找替代方案。

是否可以使用 ng2-pdf-viewer 来实现？

任何帮助将非常感激。