Javascript Angular 5 URL路由，单击按钮并在URL中保留查询字符串参数

我有一个像这样的URL

路由器模块知道如何基于此进行显示

{ path: 'criminal/hearings', component: HearingsComponent, pathMatch: 'full'},

但是现在我有一个按钮点击，我想在其中维护查询字符串

按钮html

<button type="button" (click)="addHearing()" class="btn btn-primary">Add Hearing</button>

我想将现有查询字符串添加到上面的按钮单击事件中 然后在路由模块中，它与查询字符串一起转到正确的路由

{ path: 'criminal/edithearings', component: HearingEditComponent, pathMatch: 'full'},

?

导航有一个queryParams参数

---

navigate有一个queryParams参数

如果使用HTML模板进行导航，则可以使用

preserveQueryParams

=“true”

请注意，

preserveQueryParams

没有方括号

例如：

---

如果使用HTML模板导航，则可以使用

preserveQueryParams

=“true”

请注意，

preserveQueryParams

没有方括号

例如：

---

那么它将添加所有现有的url参数？您必须设置它。从url获取参数并将其添加到addHearning函数。如何设置？键：值是itso下的红线，它将添加所有现有的url参数？您必须设置它。从url获取参数并将其添加到addHearning函数。如何设置？key：value是itso下面的红线，那么改为在html中执行此操作吗？我有一个与（点击）。。。函数调用，所以它是在typescript thenSCORE，TY中的。@scottlery:欢迎：）那么在html中改为这样做？我有一个与（点击）。。。函数调用，所以它在typescript thenSCORE，TY中非常有用。@scottlery:欢迎：）

{ path: 'criminal/edithearings', component: HearingEditComponent, pathMatch: 'full'},

addHearing(){
    this.router.navigate(['/cr/edithearings'], { queryParams: { key: value } })
}

<a [routerLink]="['/navigate-to']" preserveQueryParams="true">

addHearing(){
    this.router.navigate(['somewhere'], { queryParamsHandling: "preserve" });
}