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: [

BrowserModule,

//enableTracing enables debugging purposes only

//useHash enables the location strategy that uses the URL fragment instead of the history API.

RouterModule.forRoot(appRoots, { enableTracing: true, useHash: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.

http://localhost:8080/#/UserDetail/1

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.

                          You Might Also Like                
                         