Angular2 without hash in the url

by

If you are using Angular final, the reasons to the hash could be:

RouterModule.forRoot(yourRoutesHere, { useHash: true })

So by removing that could help.

RouterModule.forRoot(yourRoutesHere)

Alternatively if you in your providers (in NgModule) have used: 

{provide: LocationStrategy, useClass: HashLocationStrategy}

just remove that.

EDIT, if you need LocationStrategy, try changing HashLocationStrategy to PathLocationStrategy:

{provide: LocationStrategy, useClass: PathLocationStrategy}

More about LocationStrategy here

Now that I have seen your routes as well regarding your 404 issue, you could try changing the following 

{ path: '**', component: HomeComponent }

to:

{ path: '**', redirectTo: '', pathMatch: 'full' }

More about routing here

Also check that in your index.html you have set the basehref like so:

<base href="https://stackoverflow.com/">

More Related Contents:

  1. Show loading screen when navigating between routes in Angular 2
  2. I want to create a color picker in ionic app [closed]
  3. Binding select element to object in Angular
  4. What to use in place of ::ng-deep
  5. How to declare a variable in a template in Angular
  6. Angular 2 Dropdown Options Default Value
  7. Angular2 – Input Field To Accept Only Numbers
  8. Angular 5 FormGroup reset doesn’t reset validators
  9. Angular 2 Checkbox Two Way Data Binding
  10. Angular 2 Remove Hash (#) from the URL
  11. How can I repeat a piece of HTML multiple times without ngFor and without another @Component?
  12. How to load image (and other assets) in Angular an project?
  13. Dynamically ADDING and REMOVING Components in Angular
  14. Spring Boot with AngularJS html5Mode
  15. Using HTML anchor link #id in Angular 6
  16. Angular2, what is the correct way to disable an anchor element?
  17. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  18. Style not working for innerHTML in Angular [duplicate]
  19. How to convert input value to uppercase in angular 2 (value passing to ngControl)
  20. How to remove the previously selected option from a drop-down menu in a table?
  21. How to show split header in the material table having nested group of data in angular
  22. How to render string with html tags in Angular 4+? [duplicate]
  23. Remove host component tag from html in angular 4
  24. Detecting real time window size changes in Angular 4
  25. Angular4 – Scrolling to anchor
  26. How to translate HTML string to real HTML element by ng-for in Angular 2?
  27. Get Angular2 routing working on IIS 7.5
  28. Using HTML anchor link fragment in Angular 6
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How to serve up images in Angular2?

Leave a Comment