PdfShowcase

Getting started

Page and page label

Forms

Many properties of ngx-extended-pdf-viewer support two-way binding.

(currentZoomFactor)=""

0=vertical 1=horizontal 2=block 3=single page

1=thumbnails 2=outline 3=attachments 4=layers

[(sidebarVisible)]

HTML template

Typescript

 <ngx-extended-pdf-viewer
    [src]="src"
    [(handTool)]="handTool"
    [height]="'auto'"
    [(page)]="page"
    [(pageLabel)]="pageLabel"
    [(rotation)]="rotation"
    [(scrollMode)]="scrollMode"
    [(sidebarVisible)]="sidebarVisible"
    [(activeSidebarView)]="activeSidebarView"
    [(spread)]="spreadMode"
    [(zoom)]="zoom"
    (currentZoomFactor)="currentZoomFactor">
</ngx-extended-pdf-viewer>

Note there's a bug in the PDF file. See the annotation layer demo to see the bugfix.Copyright hint: the e-book has been published by James Boyle under a CC BY-NC-SA 3.0 on www.thepublicdomain.org.