Angular 10/11 pdf viewer example. In this tutorial, you will learn how to implement pdf viewer in angular 11/10 app using ng2-pdf-viewer npm Package.
This tutorial will help you step by step on how to create pdf viewer in angular 10/11 app using ng2-pdf-viewer npm package. And easy install and use ng2-pdf-viewer npm package in this app.
First of all, open your terminal and execute the following command on it to install angular app:
ng new my-new-app
In this step, you need to install ng2-pdf-viewer npm Package in our angular application. So, open your terminal and execute the following command:
npm install angularx-qrcode --save
In this step, you need to import pdf viewer module. So, visit src/app directory and open app.module.ts file. Then add the following code into it:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { PdfViewerModule } from 'ng2-pdf-viewer';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
PdfViewerModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
#angular