Essential JS 2 PDF Viewer
Syncfusion Angular UI (Essential JS 2) is a collection of modern TypeScript based true Angular components. The PDF Viewer component is developed from the ground up to be lightweight, responsive, modular and touch friendly.
It is compatible with Angular 6.0.0. Refer to the following UG link for prerequisites of Angular framework.
Setup Angular Environment
You can use the Angular CLI to setup your Angular applications.
To install Angular CLI use the following command.
Create an Angular Application
Start a new Angular application using the Angular CLI command as follows.
Adding Syncfusion PDF Viewer package
To install PDF Viewer component, use the following command.
Note: The --save will instruct NPM to include the PDF Viewer package inside of the dependencies section of the package.json.
Registering PDF Viewer module
Import PDF Viewer module into Angular application(app.module.ts) from the package @syncfusion/ej2-angular-pdfviewer[src/app/app.module.ts].
Adding CSS reference
The following CSS files are available in ../node_modules/@syncfusion package folder. This can be referenced in [src/styles.css] using the following code.
Add PDF Viewer component
Modify the template in [src/app/app.component.ts] file to render the PDF Viewer component. Add the Angular PDF Viewer by using <ejs-pdfviewer> selector in template section of the app.component.ts file.
Essential JS 1 PDF Viewer
PDF Viewer is compatible with Angular 6.0.0. Refer to the following UG link for prerequisites of Angular framework.
The following code illustrates how to integrate PDF Viewer in Angular 6 application.
This page will automatically be redirected to the sign-in page in 10 seconds.