How to delete ‘#’ sign in angular-ui-router URLs

by

You need to enable HTML5Mode if you want navigation without hash tags:

app.config(["$locationProvider", function($locationProvider) {
  $locationProvider.html5Mode(true);
}]);

You will also need to tell angular the root URL of your app by adding the following code to the <head> of your HTML file:

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

Be aware that support for HTML5 mode depends on the browser. For those who don’t support the History API, Angular will fallback to hashbang.

More Related Contents:

  1. How do I share $scope data between states in angularjs ui-router?
  2. How to pass parameters using ui-sref in ui-router to controller
  3. AngularJS ui-router login authentication
  4. What is the difference between angular-route and angular-ui-router?
  5. Redirect a state to default substate with UI-Router in AngularJS
  6. How to pass parameters using ui-sref in ui-router to the controller
  7. How to pass an object into a state using UI-router?
  8. Angular UI-Router $urlRouterProvider .when not working when I click
  9. AngularJS – UI Router – programmatically add states
  10. Template does not update when using ui-router and ion-tabs
  11. How do I get the Back Button to work with an AngularJS ui-router state machine?
  12. Using $window or $location to Redirect in AngularJS
  13. Angular js – route-ui add default parmeter
  14. Angularjs ui-router not reaching child controller
  15. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  16. What is the difference between $routeProvider and $stateProvider?
  17. Angular ui router unit testing (states to urls)
  18. UI-router interfers with $httpbackend unit test, angular js
  19. Angular-UI Router: Nested Views Not Working
  20. Angular UI Router: decide child state template on the basis of parent resolved object
  21. Angular/UI-Router – How Can I Update The URL Without Refreshing Everything?
  22. Angular UI-Router $urlRouterProvider .when not working *anymore*
  23. Angular UI-Router more Optional Parameters in one State
  24. How can I fix ‘Maximum call stack size exceeded’ AngularJS
  25. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  26. How to achieve that “ui-sref” be conditionally executed?
  27. Angular ui router – Redirection doesn’t work at all
  28. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  29. multiple ui-view html files in ui-router
  30. Angular.js ng-repeat across multiple elements

Leave a Comment