IE 9 not supporting $locationProvider.html5Mode

Question

Hi I am creating an angularjs app . I made $locationProvider.html5Mode as true. Now I am getting pretty url without # . It is working fine in chrome and firefox. But when I tried to open it in IE 9 , it is reloading continuously.

possible duplicate of [AngularJS How to remove # symbol in IE9 by using route](http://stackoverflow.com/questions/17829991/angularjs-how-to-remove-symbol-in-ie9-by-using-route) — bookthief, Mar 31 '14 at 15:46
Have a look at this http://stackoverflow.com/questions/17829991/angularjs-how-to-remove-symbol-in-ie9-by-using-route — bookthief, Mar 31 '14 at 15:46

score 11 · Answer 1 · answered Mar 31 '14 at 20:03

11

Bad news. IE9 do not support HTML5 History API. That is what angular html5Mode uses. If you need your app to run on IE9 you need to switch back or add code to detect if History API is available the use is or default to the hash

function supports_history_api() {
  return !!(window.history && history.pushState);
}

I know. Stupid IE. It should die a painful dead.

answered Mar 31 '14 at 20:03

Jorge Enrique Reyes Salas

423
2
6

hi now it is working for IE9 by putting this condition. But this condition returning true in android browsers and existing the old problem. – Sarath Pv Apr 01 '14 at 05:00
What version on android? – Jorge Enrique Reyes Salas Apr 01 '14 at 05:40
my version is android 2.3 – Sarath Pv Apr 01 '14 at 06:10

score 3 · Answer 2 · answered May 19 '15 at 14:20

$location Documentation

See "Hashband and HTML5 modes"

Basically, html5 mode uses History API when the browser supports it, and falls back to hashbang(#) when it is not supported.

You cannot "just" remove "#" in a browser without History API. Because when you change the url, the browser would then try to force a reload, breaking the flow.

IE 9 not supporting $locationProvider.html5Mode

2 Answers2

Linked