AngularJS 1.1.5 - automatically adding hash tag to URLs

javascript url angularjs hashtag

I experienced this issue just the other day. I solved it by enabling HTML5 mode for $locationProvider. See ~~Docs for $location - HTML5 Mode~~ Updated link for $location - HTML5 Mode.

It should look similar to this:

.config(['$locationProvider', function($locationProvider){    $locationProvider.html5Mode(true).hashPrefix('!');}]);

javascript url angularjs hashtag

This seems to be a bug introduced in angularjs 1.1.5 (since 1.1.4 does not exhibit this problem). I have reported the bug here:

javascript url angularjs hashtag

In $routeProvider set HTML5 mode as true as following

$locationProvider.html5Mode(true);

And in head section of your page add this following line

<base href="/">

CodeHunter