在Angular中向Router导航传递多个参数

Question

我能够将单个参数传递给 Angular 4 中的路由器导航，如下所示，它工作正常。

this.router.navigate(['modifyOrder/:labOrderNumber', {labOrderNumber: labOrderNumber}]);

但是当我尝试传递 2 个参数时，它不起作用。 我不需要修改订单页面，而是将我重定向到主页而不会出现任何错误。

this.router.navigate(['modifyOrder/:labOrderNumber/:labInvoiceNumber', {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}]);

Answer 1

您可以使用 queryParams 属性来传递多个参数。

this.router.navigate(['modifyOrder', {queryParams: {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}}])