title: angular routing ie9 error
body: <p>In IE9 my angular routing does not work and it redirects me to whatever was before the '#' hashtag.</p>
  
  <p>mysite.com/#/info -> mysite.com </p>
  
  <p>even if i manually removes the /# from the URL and try again, i still get redirected.</p>
  
  <p>It appends '#' to my URL because  html5 mode uses History API when the browser supports it, and falls back to <em>'hashbang'</em> (#) when it is not supported(like IE9).</p>
  
  <pre><code>$locationProvider.html5Mode(true);
  
  $urlRouterProvider.otherwise("/");
  
  $stateProvider
    .state('statistics', {
        url: "/path/:myId",
        templateUrl: '../some/path/site.html',
        controller: 'Ctrl'
    }
  );
  </code></pre>
  
  <p>been looking at various solutions such as:</p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/17829991/angularjs-how-to-remove-symbol-in-ie9-by-using-route">AngularJS How to remove # symbol in IE9 by using route</a></p></li>
  <li><p><a href="https://gist.github.com/thomseddon/3834721" rel="nofollow noreferrer">https://gist.github.com/thomseddon/3834721</a></p></li>
  </ul>
  
  <p>but neither of them are working for me. </p>
  
  <p>I'm looking for a solution without having to deactivate html5mode. Anyone experienced similar issue and managed to fix?</p>