将数组作为路由参数

Question

我使用Angular创建了一个表，用户可以在其中选择人员。选择一个人后，会将他们添加到名为selectedUsers的数组中。当用户单击“选择”按钮时，应将它们从ProfileComponent转到PrintComponent。

我的routerlink设置为：

routerLink="['/print/', selectedUsers]"

单击“选择”按钮时，出现以下错误：

Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: '%5B'/print/',%20selectedUsers%5D'

如何正确地将selectedUsers数组作为路由参数传递？

我创建了一个StackBlitz for this issue。

Answer 1

好吧，您的堆栈闪电POC正在routerLink="['/print/', {users:[selectedUsers}]"这样做，而没有遵循routerLink的期望。

如果您选中this documentation，则会看到routerLink期望路由数组或在该数组中传递单个路由元素。

看看my stackblitz POC，我在其中更新了profiles component html并将选定的用户ID作为逗号分隔的字符串传递给路由。