我应该用什么来替换Angular 12中的queryParamsHandling

Question

我有角度10应用。在我的一个页面上，我有以下代码

this.router.navigateByUrl(SUPPORTED_URI.DEPLOYMENT_DASHBOARD, {queryParamsHandling: 'merge'});

在我将代码更新到angular版本11后，angular自动从代码中删除了queryParamsHandling，现在我有了以下

this.router.navigateByUrl(SUPPORTED_URI.DEPLOYMENT_DASHBOARD, /* Removed unsupported properties by Angular migration: queryParamsHandling. */ {});

我现在应该用什么？为什么在angular中没有关于这个东西是去复杂的信息

https://angular.io/api/router/QueryParamsHandling

我应该使用什么来代替，这样我的代码就不会被破坏？

Answer 1

从v11开始就有角度拆分导航选项，因此需要使用createUrlTree方法来构建导航树，然后进行导航。以下是解释这一点的评论。

所以你需要更新代码如下：

const urlTree = this.router.createUrlTree(SUPPORTED_URI.DEPLOYMENT_DASHBOARD, {queryParamsHandling: 'merge'});
this.router.navigateByUrl(urlTree);