为Angular 2中的链接附加主题标签

Question

我是角度2的初学者，我想在URL的末尾追加主题标签，如下所示：

http://localhost:4200/detail#one

我试过这个：

<a [routerLink]="['/detail#one']" >Link</a>

但＃正在转换为'％23'：

http://localhost:4200/detail%23one

我们如何在角度2中执行此操作以获取URL：

http://localhost:4200/detail#one

由于

Answer 1

您可以使用JavaScript的 encodeURI 功能将主题标签保留为主题标签。这将要求您在该组件所属的类中设置变量。

const detailOneHash = encodeURI('#one');

在routerLink中，将变量添加到fragment属性：

<a [routerLink]="['/detail']" attr.fragment="{{detailOneHash}}">Link</a>

您可以在Angular's API中找到有关routerLink的更多信息。