Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如果加载中止,工作进程将在ng2 pdf查看器中终止_Angular_Typescript_Pdf Viewer - Fatal编程技术网

Angular 如果加载中止,工作进程将在ng2 pdf查看器中终止

Angular 如果加载中止,工作进程将在ng2 pdf查看器中终止,angular,typescript,pdf-viewer,Angular,Typescript,Pdf Viewer,在我的angular应用程序中,我有一个主细节视图。master是一个项目列表。通过选择我在详细PDF中显示的项目,这些项目属于该项目。为了查看pdf,我使用ng2 pdf查看器。 如果在完全加载当前项目的所有PDF之前选择其他项目,则会出现以下错误: Uncaught (in promise) Error: Worker was terminated at ensureNotTerminated (pdf.worker.js:sourcemap:274) at onFailur

在我的angular应用程序中,我有一个主细节视图。master是一个项目列表。通过选择我在详细PDF中显示的项目,这些项目属于该项目。为了查看pdf,我使用ng2 pdf查看器。 如果在完全加载当前项目的所有PDF之前选择其他项目,则会出现以下错误:

Uncaught (in promise) Error: Worker was terminated
    at ensureNotTerminated (pdf.worker.js:sourcemap:274)
    at onFailure (pdf.worker.js:sourcemap:476)
以及:

通过单击其他项目,将销毁旧详图构件,并创建新详图构件。 对于详图视图,我实现了自己的预览器组件:

<mat-card *ngFor="let document of documentListObs | async" >
      <mat-card-content (click)="showDocument(document)" class="fill-container">
        <pdf-viewer *ngIf="isPdfSource(document)"
          [src]="!abort ? document.fileData : null"
          [original-size]="false"
          [show-all]="false"
          [page]="1"
          [autoresize]="false"
          (error)="onError($event)"
        >
        </pdf-viewer>
      </mat-card-content>
</mat-card>
谢谢你的帮助

ERROR Error: Uncaught (in promise): Error: Transport destroyed
Error: Transport destroyed
    at pdf.js:3448
    at ZoneDelegate.invoke (zone-evergreen.js:364)
    at Object.onInvoke (core.js:27149)
    at ZoneDelegate.invoke (zone-evergreen.js:363)
    at Zone.run (zone-evergreen.js:123)
    at zone-evergreen.js:857
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:27137)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at resolvePromise (zone-evergreen.js:798)
    at resolvePromise (zone-evergreen.js:750)
    at zone-evergreen.js:860
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:27137)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at drainMicroTaskQueue (zone-evergreen.js:569)
    at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:484)
    at invokeTask (zone-evergreen.js:1621)
<mat-card *ngFor="let document of documentListObs | async" >
      <mat-card-content (click)="showDocument(document)" class="fill-container">
        <pdf-viewer *ngIf="isPdfSource(document)"
          [src]="!abort ? document.fileData : null"
          [original-size]="false"
          [show-all]="false"
          [page]="1"
          [autoresize]="false"
          (error)="onError($event)"
        >
        </pdf-viewer>
      </mat-card-content>
</mat-card>
  @Input() public documentListObs: Observable<BmdDocument[]>;
  ngOnDestroy() {
    this.abort = true;
  }