使用查询参数的路由无效

Question

我想路由到此页面传递一个参数：http://localhost:4200/inventory/client?id=2

我的工作是：

this.router.navigate(['/inventory/client',{id:this.vendorId}]);

但结果涉及分号：http://localhost:4200/inventory/client;id=2

如何将其更改为：http://localhost:4200/inventory/client?id=2

Answer 1

试试这个：

 this.router.navigate(['/inventory/client'], { queryParams: { id: this.vendorId} });

看看这里：Passing Optional Parameters

Answer 2

您应该使用 queryParams

this.router.navigate(['/inventory/client'], { queryParams: { id: this.vendorId} });

Answer 3

确保在传递查询参数时，值未定义。

      this.router.navigate(['/inventory/client',
         queryParams : 
              {
                id : (this.vendorId ? this.vendorId : '')
              }
            ]);