在Angular中保持查询字符串未编码

时间:2017-11-24 19:21:32

标签: angular angular2-routing

我正在尝试将查询参数手动连接到字符串中,并将值绑定到routerLink属性。这是.ts文件:

ngOnInit() {        
    this.href = "data/?project="+this.number+"&item="+this.number2;
}

我将其绑定在HTML中:

<a class="nav-link" href="#" [routerLink]="[href]">LINK HERE</a>

问题是Angular将=? &签到%3F%3D%26并在链接中显示。我该怎么办才能让=, ?&无法解码?

1 个答案:

答案 0 :(得分:1)

我选择的答案是使用[queryParams]旁边的[routerLink]

示例:

<a [routerLink]="[href]" [queryParams]="{project: projectNumber}">Details</a>