Angular 9 - [routerlink] to the actual url (but adding query params)?

Question

I want to navigate to the same current url, only changing one query param.

I can't find any info on how to do this:

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

I also tried with window.location.href but I get an error.

The whole idea is to stay on the same page while switching the language of the app so the app.component would intercept the url and change the language of the app.

Thanks for the time you'll spend on this one

satanTime · Accepted Answer · 2020-06-03 13:04:16Z

2

you need to pass an empty array instead

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

answered Jun 3, 2020 at 13:04

satanTime

13.7k1 gold badge34 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

phil123456 Over a year ago

I thought I tired it, but indeed it works, thanks m8

Collectives™ on Stack Overflow

Angular 9 - [routerlink] to the actual url (but adding query params)?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related