如何在Angular的路由中使用数组？

Question

我认为使用带有paramMap getAll可以帮助从URL获取数组，但显然不是。

我用错了吗？

这是一个例子： https ： //stackblitz.com/edit/angular-bjrjz9

我用这个导航

this.router.navigate(['two', {
  id: [1, 2, 3, 4, 5]
}]);

然后我得到了价值观

this.route.paramMap.subscribe(params => {
  const ids = params.getAll('id');
  console.log('ids', ids);
});

console.log说['1,2,3,4,5']但我预计它会[1,2,3,4,5]甚至['1', '2', '3', '4', '5']

我只是想将一个数组传递给一个路由，然后将数组返回到目的地。
当然，我可以分割字符串但是在这种情况下getAll的重点是什么？ :)

Answer 1

getAll()方法将重复参数作为数组返回。

例：

http://www.example.com/?query=a&query=b&query=c

价值是：

console.log(params.getAll('query')); // prints ["a","b","c"]

HTTP规范中的所有查询参数都是字符串。

Answer 2

如果使用routerLink它可以工作。

但是，它目前还没有使用您的方法。

Angular的git中的一个错误已经在https://github.com/angular/angular/issues/19179上打开了。 您可以在那里跟踪此问题。