如何在Angular 11中路由到PDF文件

【问题标题】：How to route to a PDF file in Angular 11如何在Angular 11中路由到PDF文件
【发布时间】：2021-07-03 12:38:01
【问题描述】：

我正在尝试在路线上重定向到 PDF：

{ path: 'regulations', redirectTo: '/regulations/Regulations_10.02.2021.pdf' }

但它不起作用。以前我使用的是普通链接，例如：

<a target="_blank" href="regulations/Regulations_10.02.2021.pdf">Regulations</a>

但在法规更新的情况下，链接会发生变化。

不确定路由是否也是可行的方法，我只是根据组件的文档学会了路由组件。

【问题讨论】：

标签： javascript angular typescript pdf hyperlink

【解决方案1】：

我不确定为什么在这种情况下您需要使用 Angular 路由器。您可以继续使用<a> 锚标记并将动态href 属性绑定到它。

控制器 (*.ts)

export class SomeComponent {
  regulationsFile: string;

  someFunction() {      // <-- illustration
    this.regulationsFile = 'Regulations_10.02.2021';
  }
}

模板 (*.html)

<a target="_blank" [href]="'regulations/' + regulationsFile + '.pdf'">Regulations</a>

【讨论】：

这是一个不错的解决方案，但我想始终链接为“/regulations”并重定向到实际的法规文件。在您的示例中，链接将在法规更改时更改。因为，例如，我将法规链接添加到电子邮件中，并且我希望我的旧电子邮件具有相关链接。