有什么方法可以隐藏 Angular v12 中的查询参数吗？

Question

我不想让用户看到查询参数

this.router.navigate([

/cbam-tools/stepper/update/${runID}

],{ queryParams: { productID: record.productID} });

更好的方法是如果有人可以帮助如何在不使用 params 和 queryparams 的情况下动态地将数据从一个页面传递到另一个页面，我熟悉父子关系，但这在当前场景中不起作用

Answer 1

1. 将值存储在服务中并访问它们
2. 使用 BehaviourSubject 设置值并导航，然后订阅 BehaviourSubject 并获取值。
3. 使用一些状态管理，例如

   ngrx

   。

还要注意，URL 中的值的优点是，当页面被引用时，状态会得到维护，因为 URL 包含数据，但上述三个建议的情况并非如此！

将数据存储在本地存储中并访问它，这不会出现上述问题，但它是一个很少使用的解决方案，我不推荐这样做！