How can I set routerLinkActive for this paths?

Question

I have such navbar with such items : Users, Categories, Products, etc. Their routes are Main/Users, Main/Categories. I have highlited items with routerLinkActive, but i also want to highlight Users, when route is

Main/User?UserId=4

How can i achieve this? Thanks in advance

Does this answer your question? [How to use "routerLinkActive" with query params in Angular 6?](https://stackoverflow.com/questions/52037979/how-to-use-routerlinkactive-with-query-params-in-angular-6) — Tal Ohana, Aug 06 '21 at 07:13
Will it work, because Main/Users and Main/User?UserId=4 are completly different routes? — Vladyslav, Aug 06 '21 at 07:18

Chiranjaya Denuwan · Accepted Answer · 2021-08-06T07:42:47.863

1

queryParams is another input of routerLink where they can be passed like follows

<a [routerLink]="['Main/User']" [queryParams]="{UserId: 2}"></a>

edited Aug 06 '21 at 07:42

answered Aug 06 '21 at 07:13

Chiranjaya Denuwan

614
7
10

Will it work, because Main/Users and Main/User?UserId=4 are completly different routes? – Vladyslav Aug 06 '21 at 07:18

How can I set routerLinkActive for this paths?

1 Answers1