angular ng2-pdfjs-viewer如何查看多个pdf以及demo

Angular ng2-pdfjs-viewer 可以用于在 Angular 应用程序中嵌入 PDF 文件。

为了查看多个 PDF 文件，你可以将多个 ng2-pdfjs-viewer 组件嵌入到你的页面中，每个组件对应一个 PDF 文件。在组件之间切换时，你可以使用 Angular 的路由或者其他方法。

以下是一个使用 ng2-pdfjs-viewer 显示单个 PDF 文件的示例：

1. 添加 ng2-pdfjs-viewer 模块

首先，在你的 Angular 应用中添加 ng2-pdfjs-viewer 模块。你可以通过 npm 安装它，然后在你的模块中导入它：

import { Ng2PdfjsViewerModule } from 'ng2-pdfjs-viewer';

@NgModule({
  imports: [Ng2PdfjsViewerModule],
  // ...
})
export class AppModule { }

2. 在模板中添加 ng2-pdfjs-viewer 组件

在你的组件模板中添加 ng2-pdfjs-viewer 组件，并为其绑定一个 PDF 文件的 URL：

<ng2-pdfjs-viewer [pdfSrc]="pdfUrl"></ng2-pdfjs-viewer>

其中 `pdfUrl` 是 PDF 文件的 URL。

3. 添加 PDF 文件的 URL

在你的组件中，为 `pdfUrl` 变量赋值：

export class MyComponent {
  pdfUrl = 'https://example.com/my-pdf-file.pdf';
}

这将加载 PDF 文件并在 ng2-pdfjs-viewer 组件中显示它。

为了查看多个 PDF 文件，你可以重复上述步骤，每个组件对应一个 PDF 文件。

此外，你可以在 ng2-pdfjs-viewer 的 GitHub 页面找到一个完整的示例应用程序，包括多个 PDF 文件的演示：https://github.com/VadimDez/ng2-pdfjs-viewer#demo。