如何将查询参数设置为url Angular2？

Question

我需要设置一个带有查询参数的网址/Questions?id=1234&pageid=0.我试过这样做,router.Navigate['/Questions?id=1234&pageid=0']但没有运气.

导航浏览器显示之后/Questions%3Fid%3D1234%26pageid%3D0.

我也尝试了设置routerLink="/Questions?id=1234&pageid=0",但结果相同.

请建议任何解决方案.我使用rc5 for angular2.

Answer 1

您可以将它们作为项目传递到路由器中,但在命令数组之外:

[routerLink]="["/Questions"], {queryParams: {id:1234, pageid:0}}"

这会产生你想要的东西: /Questions?id=1234&pageid=0

或者您可以使用programmaticaly:

this.router.navigate(['/Questions'], { queryParams: {id:1234, pageid:0} })

用路由器作为实例@angular/router的Router

Answer 2

我找到了一个解决方案,分别给出了路由器链接和查询参数,如下所示:

<a [routerLink]="['/Questions']" [queryParams]="{id:1234,page:1}"></a>

这对我来说很好.

Answer 3

您可以将它们作为路径命令数组中的项目传递:

[routerLink]="['/Questions'] [queryParams]="{id:1234, pageid:0}} ]"

另请参见https://angular.io/docs/ts/latest/guide/router.html#!#query-parameters