Angular 2 中的 queryParams 被编码，我该如何防止这种情况发生？答案

【问题标题】：queryParams in Angular 2 being encoded, how do I prevent this from happening?Angular 2 中的 queryParams 被编码，我该如何防止这种情况发生？
【发布时间】：2017-04-06 04:39:35
【问题描述】：

我在 Angular 2 中有一个链接，如下所示：

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

我希望这会解决

总结?x=1

相反，它解析为：

/summary?0=x&1=%3D&2=1

这根本不是我想要的。

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

显然我遗漏了一些明显的东西，有人能指出我正确的方向吗？干杯

【问题讨论】：

标签： angular angular2-routing

【解决方案1】：

根据RouterLink directive，您必须将其设置如下：

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

【讨论】：

【解决方案2】：

您必须为queryParams 使用绑定[]

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

这可能会更好:)

【讨论】：