默认情况下，如何在所有路由上将查询参数保持在 Angular 5 中？

Question

背景：

用户使用参数调用应用程序的url并使用我的应用程序。在不同路由之间切换时，url 参数应该在浏览器的地址栏中保持可见。

---

我必须在我的应用程序的每个路由上保留查询参数。这意味着如果我有网址

www.example.com/app/test?id=326748798342&state=1

并用[routerLink]="['/login']" 调用链接我必须得到这个网址：

www.example.com/app/login?id=326748798342&state=1.

默认情况下，我得到不带参数的登录路由。我找到了一种设置queryParamsHandling='merge' 的解决方案。但这是一个非常糟糕的解决方案，因为这意味着要更改模板中的所有链接和所有 navigate() 调用。

默认情况下有没有更简洁的方法来解决这个问题？在应用程序的路由数组中设置 queryParamsHandling 之类的东西吗？

Answer 1

目前没有办法全局设置。使用queryParamsHandling 似乎是唯一的选择：

<a [routerLink]="['/login']" queryParamsHandling="preserve"></a>

或者在使用路由器时：

router.navigate('/login', { queryParamsHandling: "preserve" })

queryParamsHandling 的另一个可能选项是merge。