这个问题可能是由于PDFViewer加载文档太早导致的。我们可以尝试在ngAfterViewInit中加载文档,如下所示:
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { DocumentViewerComponent } from 'ngx-doc-viewer';
@Component({ templateUrl: './doc-viewer.component.html', styleUrls: ['./doc-viewer.component.css'] }) export class DocViewerComponent implements OnInit, AfterViewInit {
@ViewChild(DocumentViewerComponent) private docViewer: DocumentViewerComponent;
ngOnInit() { }
ngAfterViewInit() { this.loadDocument(); }
loadDocument() { this.docViewer.loadDocument('/assets/sample.pdf'); } }
在这个示例中,使用@ViewChild注释引用了ngx-doc-viewer组件的实例。然后在ngAfterViewInit中调用loadDocument方法加载文档。这个解决方法应该会解决空白文档的问题。