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

Question

我正在嘗試重定向到路線上的 PDF：

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

但它不起作用。 以前我使用了一個普通的鏈接，比如：

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

但是在法規更新的情況下，鏈接會發生變化。

也不確定路由是否是通往 go 的方式，我只學會了根據他們的文檔路由組件。

Answer 1

我不確定為什么在這種情況下你需要使用 Angular 路由器。 您可以繼續使用<a>錨標記並將動態href屬性綁定到它。

Controller (*.ts)

export class SomeComponent {
  regulationsFile: string;

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

模板 (*.html)

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