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>