angular 4 hash url issue with routing

Question

I am not getting hash in my angular app for local site.

my configurations are here.

app-routing-module.ts

app.module.ts

Now, if after this configurations, I think my site should take hash in url like

http://localhost:4200/app#

but it's not working.

can anyone help me with this?

Answer 1

In your app-routing-module.ts use

{ useHash: true}

You already exported RouterModule from app-routing-module.ts so you don't need to agian import in app.module.ts. So remove RouterModule and all related code from app.module.ts and just import app-routing-module.ts in app.module.ts.

Hope it will help.