在Angular 2中的queryParams被编码,我该如何防止这种情况发生?

时间:2016-11-22 13:21:06

标签: angular angular2-routing

我在Angular 2中有一个链接,如下所示:

<a routerLink="/summary" queryParams="x=1">Ref. ID</a>

我希望这可以解决

  

摘要?X = 1

相反,它解析为:

  

/摘要0 = X&安培; 1 =%3D和2 = 1

这根本不是我想要的。

每当我将 ActivatedRouteSnapshot 注入组件并查看 queryParams 属性时,它就是一个包含3个字符串的对象,每个字符对应一个字符:

Screenshot

显然我错过了一些明显的东西,有人能指出我正确的方向吗?干杯

2 个答案:

答案 0 :(得分:2)

根据RouterLink directive,您必须将其设置如下:

<a [routerLink]="['/summary']" [queryParams]="{x:1}">Ref. ID</a>

答案 1 :(得分:1)

您必须对[]

使用绑定queryParams
<a routerLink="/summary" [queryParams]="{x : 1}">Ref. ID</a>

这可能会更好:)