Вызвать метод ng2-pdf-viewer из угловой компоненты

Question

Я новичок в angular 5. Я работаю над ng2-pdf-viewer.Мне нужно вызвать один из его метода updateSize () в этом плагине из моего компонента.Может кто-нибудь сказать мне, как я могу получить к нему доступ из компонента.

Вот ссылка на плагин

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

Answer 1

Вы, вероятно, можете достичь этого, используя ViewChild.

1. В вашем HTML-шаблоне, где вы используете pdf-viewer, напишите его примерно так: <pdf-viewer [src]="src"[original-size]="false" #pdfViewer></pdf-viewer>.
2. Добавьте @ViewChild('pdfViewer') pdfViewer в свой компонент.

После этого вы сможете использовать метод, подобный этому this.pdfViewer.updateSize(), а также методы внутри pdfViewer.

Answer 2

Вы можете использовать переменную ссылки на шаблон для доступа к открытым методам ng2-pdf-viewer

Добавьте переменную шаблона с именем #pdfViewer в html-файл следующим образом:

  <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;

Теперь вы можете получить доступ к методам ng2-pdf-viewer , используя переменную pdfComponent, например, так:

  this.pdfComponent.updateSize();