AngularJS routing, remove # from the URL

Question

I am using AngularJS routing and I used many tricks, but the '#' sign always comes in URL.

Refer below Example/Code that I Used but it is not removing # sign from the URL.

angular.module('mod', []).
  config(['$routeProvider', '**$locationProvider'**, 
           function($routeProvider, **$locationProvider**) {

   $routeProvider.
      when('/first', { 
           templateUrl: 'first.html',   
           controller: 'firstCtrl'
   });

   $locationProvider.html5Mode(true);

  }]);

Does any one have solution for this? Please share it.

Shushanth Pallegar · Accepted Answer · 2015-11-10 10:52:35Z

2

there are either of things u can do it work

you need to specify the base URL for the application with a If your root of your application is different than the url (for example /my-app, then use that as your base).

<head>
    <meta charset="utf-8">

    <base href="">  
</head>

or you can configure

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

answered Nov 10, 2015 at 10:52

Shushanth Pallegar

2,8721 gold badge17 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rodmentou · Accepted Answer · 2015-11-10 11:10:44Z

1

I've came up with the same issue and found the solution on the Docs.

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

and

<head>
  <base href="/">
  ...
</head>

If you configure $location to use html5Mode (history.pushState), you need to specify the base URL for the application with a tag or configure $locationProvider to not require a base tag by passing a definition object with requireBase:false to $locationProvider.html5Mode():

We've done the wrong function call. Try this and it will work. You can check the docs too.

edited Nov 10, 2015 at 11:10

answered Nov 10, 2015 at 10:45

Rodmentou

1,6404 gold badges22 silver badges40 bronze badges

1 Comment

Chetan Sharma Over a year ago

Thanks, Let me try this :)

Collectives™ on Stack Overflow

AngularJS routing, remove # from the URL

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related