7 Routing and Navigation

What Is HashLocationStrategy?

What Is HashLocationStrategy?
To enable HashLocationStrategy in an Angular app you pass {useHash: true} when you providing routes with router module and it like this.

  //Composability and Grouping
  //imports used for composing modules together.
  imports: [
    //enableTracing enables debugging purposes only
    //useHash enables the location strategy that uses the URL fragment instead of the history API.
    RouterModule.forRoot(appRoots, { enableTracing: trueuseHash:true })

The HashLocationStrategy add the route path to the hash (#) in the browser’s URL.

The hash (#) part of the URL is called the hash fragment.
When using HashLocationStrategy for routing and providing a base Href, it always placed after the hash (#) e.g.


The Hash style routing using the anchor tags technique to achieve client side routing and URL never sent to the server.

The anchor tag, when used along with the hash (#) allows us to jump to a place, within apps.

The URL would look like this -
1.      http://localhost:8080
2.      http://localhost:8080/#/Users
3.      http://localhost:8080/#/UserDetail/1
In the above URLs “#/Users” and “#/UserDetail/1” never sent to the server.


Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is HashLocationStrategy? What Is HashLocationStrategy? Reviewed by Anil Singh on 3:44 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.