如何隐藏浏览器URL参数，在Angular2路由中。

Question

5

如何隐藏 Angular2 路由中的浏览器 URL 参数？我有以下问题：

我需要隐藏 URL 中的参数，并获得：

路由由以下代码定义：

app.routing.ts:

 export const AppRoutes: any = [
 .....
 { path: "product-detail/:id", component: ProductDetailComponent }
 .....
 ];

ProductDetail.ts

  this.route.params.subscribe(params => {
    this.id = params['id'];
  })

- Maurizio Rizzo

你可以将参数存储在全局服务中。 - Ploppy

使用这样的路由配置，您将无法实现。Ploppy 给出了正确的解决方案，全局服务和 BehaviorSubject 可能是您想要使用的。 - Z. Bagley

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zach Newburgh · Accepted Answer

当导航到所需的路由时，您可以使用skipLocationChange： this.router.navigate(['/product-detail'], { queryParams: this.id, skipLocationChange: true});