Angular 2 Remove Hash (#) from the URL

by

As @Volodymyr Bilyachat pointed out, PathLocationStrategy is a default location strategy in Angular2, and if the # is present in the url, it must have been that’s overridden somewhere.

Beside the module providers, check your module imports, it can also be overridden by providing the { useHash: true } as the second argument of the RouterModule.forRoot:

imports: [
    ...
    RouterModule.forRoot(routes, { useHash: true })  // remove second argument
]

Also note that when using PathLocationStrategy you need to configure your web server to serve index.html (app’s entry point) for all requested locations.

Here are configuration examples for some of the popular web servers: https://angular.io/guide/deployment#fallback-configuration-examples

More Related Contents:

  1. Angular 5 FormGroup reset doesn’t reset validators
  2. Angular 2 Checkbox Two Way Data Binding
  3. Detect click outside Angular component
  4. Dynamically ADDING and REMOVING Components in Angular
  5. Angular2, what is the correct way to disable an anchor element?
  6. How to remove the previously selected option from a drop-down menu in a table?
  7. How to serve up images in Angular2?
  8. I want to create a color picker in ionic app [closed]
  9. What to use in place of ::ng-deep
  10. How to declare a variable in a template in Angular
  11. (change) vs (ngModelChange) in angular
  12. Angular 2 Dropdown Options Default Value
  13. Show loading screen when navigating between routes in Angular 2
  14. Angular2 – Input Field To Accept Only Numbers
  15. How can I repeat a piece of HTML multiple times without ngFor and without another @Component?
  16. Spring Boot with AngularJS html5Mode
  17. Style not working for innerHTML in Angular [duplicate]
  18. How to convert input value to uppercase in angular 2 (value passing to ngControl)
  19. Access Control Allow Origin issue in Angular 2
  20. Highlight the search text – angular 2
  21. How to show split header in the material table having nested group of data in angular
  22. Remove host component tag from html in angular 4
  23. Scroll to element on click 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. Angular2 without hash in the url
  28. Angular2 disable button
  29. Using HTML anchor link fragment in Angular 6
  30. Create tree view with horizontal and vertical lines showing the connectivity using css

Leave a Comment