angular - 将多个参数传递给 Angular 中的路由器导航
问题描述
我能够将单个参数传递给 Angular 4 中的路由器导航,如下所示,它工作正常。
this.router.navigate(['modifyOrder/:labOrderNumber', {labOrderNumber: labOrderNumber}]);
但是当我尝试传递 2 个参数时,它不起作用。我不需要修改订单页面,而是将我重定向到主页而不会出现任何错误。
this.router.navigate(['modifyOrder/:labOrderNumber/:labInvoiceNumber', {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}]);
解决方案
您可以使用 queryParams 属性来传递多个参数。
this.router.navigate(['modifyOrder', {queryParams: {labOrderNumber: labOrderNumber, labInvoiceNumber: labInvoiceNumber}}])
推荐阅读
- mongodb - 如何在与旧的损坏实例相同的盒子上创建新的 mongodb 实例
- angular - 如何在文件夹结构和 TypeScript 中构建 Express 服务器并将其部署到 Heroku
- flutter - 如何在 Init 状态下访问提供者值
- android - StreamConfigurationMap.getOutputSizes 返回的预期大小
- javascript - 如何使用 Fetch 将附加数据从客户端 Stripe Checkout 传递到服务器
- python - 如何用变量替换填充数字以填充格式或 f 字符串中的宽度?
- freebsd - 如何解决“pkg:没有受信任的证书”
- angular - 使用 Angular 8 在表中添加一行
- elasticsearch - 如何执行基于聚合的搜索?
- node.js - 成员必须满足正则表达式模式:[\\S]+