AngularJS How to remove # symbol in IE9 by using route

Question

I can't remove the # symbol in IE9. I searched for an answer but didn't find a fix.

This always redirects to

http://myhost.com:8080/#/website/

and shows this description:

The requested resource is not available.

locationprovider.html5mode(true) is not working. The same route is working in FireFox and shows

http://myhost.com:8080/website/

How can I rectify this?

Hi there, did you resolve this issue? I'm having the exact same problem. — Radu Andrei, Mar 26 '15 at 09:20

score 6 · Answer 1 · answered Jul 24 '13 at 10:16

6

IE9 does not have html5 history api support, that's why it's appending # to the url, removing # will not solve your problem

answered Jul 24 '13 at 10:16

karaxuna

26,752
13
82
117

thanks for answer. How can i resolve this Problem? Inserting /#/into /path/ in when is not working too... :( – TheLast BlackCat Jul 24 '13 at 10:23
1

@TheLastBlackCat I would use only # on your place. Switch off html5 mode :) – karaxuna Jul 24 '13 at 11:04

score 6 · Answer 2 · edited Feb 15 '17 at 17:57

6

$location Documentation

See "Hashbang 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.

edited Feb 15 '17 at 17:57

beat

1,857
1
22
36

answered Jul 24 '13 at 10:23

Umur Kontacı

35,403
8
73
96

score 2 · Answer 3 · answered Jan 04 '17 at 07:10

2

In fact we can not remove that, but we can make it work smoothly

RouterModule.forRoot(ROUTES, { useHash: Boolean(history.pushState) === false });

answered Jan 04 '17 at 07:10

Kevin Black

886
1
8
7

score 0 · Answer 4 · edited Mar 16 '15 at 15:46

0

Using window.location.hash = '/' solved my problem.

if (window.history && window.history.pushState) {
  $locationProvider.html5Mode(true);
}
else {
        window.location.hash = '/'  // IE 9 FIX            
        $locationProvider.html5Mode(true);
}

edited Mar 16 '15 at 15:46

Jeffrey Bosboom

13,313
16
79
92

answered Mar 16 '15 at 15:27

kerobs

73
6

In fact, angular can treat it in the right way if the browser don't support hte History API, "If the HTML5 History API is not supported by a browser, the $location service will fall back to using the hashbang URLs automatically." [$location api](https://docs.angularjs.org/guide/$location) – Qianyue Apr 10 '15 at 09:59

AngularJS How to remove # symbol in IE9 by using route

4 Answers4

Linked