Question

在我的pdf查看器中，我想对滚动事件执行一些操作，所以我使用了@hostlistener，但它没有工作。所以请告诉我如何将此滚动事件与此pdf查看器组件集成。

import { Component,HostListener } from '@angular/core';

@Component({
  selector: 'example-app',
  template: `
  <div (scroll)="onScroll($event)">
  <div>
      <label>PDF src</label>  
  </div>
  <div>
      <label>Page:</label>
      <input type="number" placeholder="Page" [(ngModel)]="page" >
  </div>
 <div>
  <pdf-viewer [src]="pdfSrc" 
              [page]="page" 
              [original-size]="true" 
              style="display: block;"
    (after-load-complete)="callBackFn($event)"  (scroll)="onScroll($event)"></pdf-viewer>
    </div>
    </div>
  `
})
export class MyPDFViewerComponent {
  pdfSrc: string = '/pdf-test.pdf';
  page: number = 1;
   @HostListener('scroll', ['$event'])
    onScroll(event) { 
       alert("scrolling");
   }

  callBackFn(pdf: PDFDocumentProxy) {
   // do anything with "pdf"
   alert("loade");
    console.log("pdf",pdf);
}
}

我试图在两个地方放置（scroll）=“onScroll（$ event）”进行测试，但它既没有在任何地方工作，也没有在控制台中显示任何错误。

注意：pdf-viewer是我用于显示pdf的第三方库。

用于滚动的主机侦听器在angular2中不起作用

0 个答案: