Angular how to keep hashtag in html5 mode

Question

In Angular router, if you turn on html5 mode, you automatically remove the hashtags in urls, which is great. But what, if you want to keep hashtags for non router related things, for example, if you want to scroll to an image with a specific id?

www.example.com#imageId becomes www.example.com/imageId, which is not the desired effect.

Answer 1

If you are only concerned with anchor scrolling, you don't necessarily need url location hashtags to scroll to elements. You can use $anchorScroll('elementId') inside a controller method to do that. I just did this yesterday in a project at work.

Angular Docs Link to $anchorScroll