从角度分量调用ng2-pdf-viewer的方法

Question

我对angular 5不熟悉。我正在研究ng2-pdf-viewer。我需要从我的组件中在该插件中调用其方法updateSize（）之一。谁能告诉我如何从组件访问它。

这是插件的链接

https://www.npmjs.com/package/ng2-pdf-viewer

Answer 1

您可以使用模板引用变量来访问ng2-pdf-viewer的公共方法

像这样在HTML文件中添加名为#pdfViewer的模板变量

  <pdf-viewer
    #pdfViewer
    [src]="reportObject.src"
    [page]="reportObject.currentPage"
    [render-text]="true"
    >
  </pdf-viewer>

使用 ViewChild 装饰器在组件内部对其进行引用。

  import { PdfViewerComponent } from 'ng2-pdf-viewer';
  import {ViewChild} from '@angular/core';

  @ViewChild('pdfViewer') pdfComponent: PdfViewerComponent;

您现在可以像这样使用pdfComponent变量访问 ng2-pdf-viewer 的方法

  this.pdfComponent.updateSize();

Answer 2

您可能可以使用ViewChild来实现。

1. 在使用pdf-viewer的html模板中，将其写为类似<pdf-viewer [src]="src"[original-size]="false" #pdfViewer></pdf-viewer>的形式。
2. 将@ViewChild('pdfViewer') pdfViewer添加到您的组件中。

在那之后，您应该能够使用像this.pdfViewer.updateSize()这样的方法以及pdfViewer内部的方法。