0

我只想显示在项目目录中找到的 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
4

0 回答 0