We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Can PDF viewer be used in Angular 6 application?

PDF viewer is compatible with Angular 6.0.0. Refer to the following UG link for prerequisites of Angular framework.

https://help.syncfusion.com/angular/gettingstarted/overview

The following code illustrates how to integrate PDF viewer in Angular 6 application.

HTML

 

TS

import { Component } from '@angular/core';

 

@Component({

    selector: 'ej-app',

    templateUrl: './pdfviewer.component.html',

})

export class PdfViewerComponent {

    service: string;

    constructor() {

         this.service = 'https://js.syncfusion.com/ejServices/api/PdfViewer';     

    }

}

 

Sample Link:

http://www.syncfusion.com/downloads/support/directtrac/general/ze/PdfViewer_Angular6869299007

 

UG link:  https://help.syncfusion.com/angular/pdfviewer/getting-started

Article ID: Published Date: Last Revised Date: Platform: Control:
9071 08/02/2018 08/06/2018 JavaScript ejPdfViewer
Did you find this information helpful?
Comments
B Carducci Oct 04, 2018

So what I'm not seeing is what Library in Angular 6 would I need to install via NPM in order to use the viewer.  If it's a Javascript library only, where do I get the viewer's JS libraries?

Reply
Akshaya Arivoli [Syncfusion] Oct 08, 2018

Hi B Carducci,

 

Thank you for your update.

 

Please find the below UG link for Configuring Syncfusion npm Packages in your application.

 

https://help.syncfusion.com/js/installation-and-deployment#configuring-syncfusion-npm-packages

 

Note: The above npm package will contains the PDF viewer control.

 

Also, please find the steps to run the Angular JS application,

 

Running the App

  • Make sure you have installed the prerequisites of Angular framework.
  • Navigate to your application location
  • run npm install to install dependencies.
  • run npm start to fire up dev server.
  • open browser to http://localhost:3000
  • If you want to use other port, open package.json file, then change port in --port 3000 script and also change the port in config/webpack.dev.js.

Please try this and let us know if you have any concerns on this.

 

Regards,

Akshaya

Reply
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon