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

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

0 голосов
/ 13 июня 2019

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

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

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

Ответы [ 2 ]

0 голосов
/ 13 июня 2019

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

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

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

0 голосов
/ 13 июня 2019

Вы можете использовать переменную ссылки на шаблон для доступа к открытым методам 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();
...