Load PDF documents dynamically in Angular PDF Viewer component

The PDF Viewer library allows to switch or load the PDF documents dynamically after the initial load operation. To achieve this, load the PDF document as a base64 string or file name in PDF Viewer control using the Load() method dynamically.

The following steps are used to load the PDF document dynamically.

Step 1: Follow the steps provided in the link to create a simple PDF Viewer sample in Angular.

Step 2: Use the following code snippet to load the document from Base64 string.

<button (click)="load_1()">LoadDocumentFromBase64</button>

load_1() {
    var viewer = (<any>document.getElementById("pdfViewer")).ej2_instances[0];
    viewer.load(
      "data:application/pdf;base64,....." ,
      null
    );
}

Step 3: Use the following code snippet to load PDF document using document name.

<button (click)="load_2()">LoadDocumentFromBase64</button>

 load_2() {
    // Load PDF document using file name
    var viewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
    viewer.load('PDF_Succinctly.pdf', null);
  }

Find the Sample, how to load the PDF document dynamically