Append hashtag for link in Angular 2

Question

I am beginner for angular 2 and i want to append hashtag at end of URL just like below :

http://localhost:4200/detail#one

I have tried this :

<a [routerLink]="['/detail#one']" >Link</a>

but # is being converted to '%23' :

http://localhost:4200/detail%23one

How can we do this in angular 2 to get URL like :

http://localhost:4200/detail#one

Thanks

Why you want that `#`. Please mentioned and also mention what you have done for that. — The Hungry Dictator, Aug 24 '17 at 12:17
@gsamaras please see the updated question. I want to scroll down at particular div of the page — Newbie, Aug 24 '17 at 12:19
Does [this](https://stackoverflow.com/questions/33226286/angular2-router-add-hashtag-to-url) help? — gsamaras, Aug 24 '17 at 12:22

score 1 · Accepted Answer · 2017-08-24T12:37:19.627

You could use JavaScript's encodeURI function to keep the hashtag as a hashtag. This would require you to set up a variable in the class which that component belongs to.

const detailOneHash = encodeURI('#one');

In the routerLink, add the variable to the fragment attribute:

<a [routerLink]="['/detail']" attr.fragment="{{detailOneHash}}">Link</a>

You can find more information about routerLink in Angular's API.

Append hashtag for link in Angular 2

1 Answers1