Angular 2传递数组到路由器queryString

时间:2017-02-08 10:38:30

标签: angular angular2-routing

我想将数组ids: [1, 2, 3]传递给路由器查询字符串,如下所示:http://...some-url?ids=1&ids=2&ids=3,但是当我尝试使用

const queryParams = { ids: [1, 2, 3] };
this.router.navigate(['/some-route'], { queryParams });

结果为http://...some-url/some-route?ids=1%2C2%2C3

是否可以使用相同的密钥添加查询参数?

2 个答案:

答案 0 :(得分:1)

看起来路由器中存在错误。 请检查此答案:https://stackoverflow.com/a/42505212/7634393

答案 1 :(得分:-1)

router.navigate正在等待命名的' queryParams'值。

所以,这应该有用。

const queryParams = { ids: [1, 2, 3] };
this.router.navigate(['/some-route'], { queryParams: queryParams });

或者,

const extras = { queryParams: { ids: [1, 2, 3] }};
this.router.navigate(['/some-route'], extras);