Question

我只想显示在项目目录中找到的 PDF。

我确实阅读了在线文档 render-local-pdf-file，但仍然无法完成这项工作。

这是我的代码：

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

@Component({
  selector: 'app-message',
  templateUrl: './message.component.html',
  styleUrls: ['./message.component.scss'],
})
export class MessageComponent{
  src: string = '../confirmation.pdf';
}

这是我在模板中实现它的方式

<pdf-viewer [src]="src" style="display: block;">
  </pdf-viewer>

如果我使用示例中的 pdf（“https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf”），查看器就可以工作了。

为什么我使用本地文件和 PDF 的 URL 会有所不同？

我得到的错误如下： 404 Not Found XHR GET http://localhost:4200/confirmation.pdf

该文件位于消息组件之上一层：

confirmation.pdf
- message
 - message.component.html
 - message.component.ts

使用 ng2-pdf-viewer 加载本地 PDF

0 个答案: