ng2-pdf js -viewer Передача объекта из компонента в html

Question

Я использую ng2-pdf js -viewer и могу передать pdf-файл http URL, но я не могу ни использовать интерполяцию, ни передавать переменную в pdfSr c опция внутри тега html для рендеринга PDF из ответа службы отдыха.

Как передать объект Uint8array или base64 из component.ts в компонент. html?

Answer 1

Пример вашего дела приведен здесь: https://ng2-pdfjs-viewer.azurewebsites.net/bytearray.

Извлечение кода

your.component. html

<div style="height: 600px">
    <ng2-pdfjs-viewer #pdfViewer></ng2-pdfjs-viewer>
</div>

your.component.ts

 @ViewChild('pdfViewer') public pdfViewer;

constructor(private http: HttpClient) {
    let url = "api/document/getmypdf";
    this.downloadFile(url).subscribe(
        (res) => {
            this.pdfViewer.pdfSrc = res; // pdfSrc can be Blob or Uint8Array
            this.pdfViewer.refresh(); // Ask pdf viewer to load/refresh pdf
        }
    );
}

private downloadFile(url: string): any {
    return this.http.get(url, { responseType: 'blob' })
        .pipe(
            map((result: any) => {
                return result;
            })
        );
}