angular - routerLink appends my link

Question

I have a menu navigation component that appears on all pages:

I have some links like this: - Following - Followers

When I'm on http://localhost/#/ the links are created ok eg :

- http://localhost/#/network;scrollTo=%23Following
- http://localhost/#/network;scrollTo=%23Followers

But If I click on one the other shows something like this :

- http://localhost/#/network;scrollTo=%23Following/(network;scrollTo=%23Followers)

How can I reset this?

Answer 1

You are using relative urls, that's why routerLink keeps appending them. You should check the Relative Navigation documentation.

No slash in the biggining or ./ means a relative url to the current one

A starting slash means an absolute url