传递数组作为路由参数

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

你的 stackblitz POC 正在做 routerLink="['/print/', {users:[selectedUsers}]" 这不符合 routerLink 的预期。

如果您检查this documentation，您会看到routerLink 需要一个路由数组或一个数组中传递的单个路由元素。

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