Angular PDF Viewer
Version - 23.0.0-alpha.8Angular - 17.3.12

Navigation API

The attribute [namedDest] allows you to navigate to a "named destination" of the PDF file.

HTML

<ngx-extended-pdf-viewer
  [src]="'./assets/pdfs/latex.pdf'"
  [(page)]="page"
  [nameddest]="namedDest"
  [height]="'auto'"
>
</ngx-extended-pdf-viewer>

TypeScript

@Component({
standalone: false,  ... })
export class NavigationComponent {
  public _namedDest: string | undefined;
  public page: number | undefined;

  public get namedDest() {
    return this._namedDest;
  }

  public set namedDest(dest: string | undefined) {
    // reset the attribute to force change detection:
    this._namedDest = undefined;
    setTimeout(() => (this._namedDest = dest));
  }
}