Angular 9 - [routerlink]到实际的url（但增加查询参数）？

Question

我想导航到相同的当前url，只改变一个查询参数。

我找不到任何关于如何做到这一点的信息。

<a [routerLink]="['./']" [queryParams]="{language: 'fr'}">FR</a>
<a [routerLink]="['./']" [queryParams]="{language: 'nl'}">NL</a>

我也试过用 window.location.href 但我得到一个错误。

整个想法是保持在同一页面上，同时切换应用程序的语言，所以该应用程序的 app.component 会拦截url，并改变应用程序的语言。

谢谢你花时间在这个问题上。

Answer 1

你需要传递一个空数组来代替

<a [routerLink]="[]" [queryParams]="{language: 'fr'}>FR</a>
<a [routerLink]="[]" [queryParams]="{language: 'nl'}">NL</a>