title: chrome removes url path angular
body: <p>i got this problem with angular when I open the site in Chrome </p>
  
  <pre><code>_localhost/angular/_
  </code></pre>
  
  <p>the url changes to </p>
  
  <pre><code>_localhost/#_
  </code></pre>
  
  <p>however in firefox everything is as expected</p>
  
  <p>I asume its caused by the routeProvider</p>
  
  <pre><code>var Angapp = angular.module('angApp', []).
  config(['$routeProvider', function ($routeProvider) {
      $routeProvider.when('/', {
          templateUrl: 'partials/main.html',
          controller: mainCtrl
      })
          .when('/:catId', {
          templateUrl: 'partials/category.html',
          controller: categoryCtrl
      })
          .when('/detail/:detId', {
          templateUrl: 'partials/detail.html',
          controller: detailsCtrl
      })
          .otherwise({
          redirectTo: '/'
      });
  
  }]);
  </code></pre>
  
  <p>I hope someone can help me with this and explain what is happening what did i miss.</p>
  
  <p>thanks in advance.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>when I add</p>
  
  <pre><code> .....
   config(['$routeProvider','$locationProvider', function($routeProvider. $locationProvider){
   .......
   $locationProvider.html5Mode(true);
  </code></pre>
  
  <p>the routing breaks completely in Chrome and firefox</p>
  
  <pre><code>_localhost/angular/#%2Flink_
  </code></pre>
  
  <p>when i remove the <em>"#%2F"</em> and reload the page I get a 404 as return
  when i hit backspace then the site loads correctly!</p>