角度路由器:使用数组作为参数

Question

我正在尝试将路由与数组参数相匹配，例如由生成的url

this.router.navigate(['users', ['a', 'b', 'c']]);

是CCD_ 1。

如何匹配此数组并稍后从paramMap中检索它？我试过

{ path: 'users/:ids', component: UsersComponent },

这对我不起作用。

Answer 1

有很多解决方案

我会给你更快的

1*加入您的ID

let ids = ['a', 'b', 'c'].join(","); 

2*您在queryParams 中发送

this.router.navigate(['users'], { queryParams: { ids: ids } });

你会看到类似这个的url

http://localhost:4200/users?ids=a,b,c

3*在你制作这个的用户组件中

constructor(private route: ActivatedRoute
) {
this.route
.queryParams
.subscribe(params => {
let ids = params['ids'];
console.log(ids.split(","));
}, error => {
console.log(error);

});
}

我希望这将帮助你