在 Angular 2 中为链接附加标签答案

【问题标题】：Append hashtag for link in Angular 2在 Angular 2 中为链接附加标签
【发布时间】：2017-08-24 12:10:13
【问题描述】：

我是 angular 2 的初学者，我想在 URL 的末尾附加标签，如下所示：

http://localhost:4200/detail#one

我已经试过了：

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

但 # 正在转换为 '%23' ：

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

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

http://localhost:4200/detail#one

谢谢

【问题讨论】：

标签： angular

【解决方案1】：

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

const detailOneHash = encodeURI('#one');

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

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

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

【讨论】：