title: $location hash prefix
body: <p>I'm just starting out with Angular, so this might be a common newbie mistake but I am trying to achieve the following url format:</p>
  
  <pre><code>http://myapp.localhost/index.html#!/about
  </code></pre>
  
  <p>Which I believe should be the default for Angular?</p>
  
  <p>This is my configuration:</p>
  
  <pre><code>angular.module('App', []).config(function($routeProvider, $locationProvider, VIEWS_ROOT) {
      $locationProvider.html5Mode(false);
      $locationProvider.hashPrefix = '!';
  
      // Routing
      $routeProvider.when('/', {templateUrl: './welcome.html', controller: 'WelcomeController'});
     $routeProvider.when('/about', {templateUrl: './about.html', controller: 'AboutController'});
  })
  .run(function($rootScope) {
      //...
  });
  </code></pre>
  
  <p>In my html I have a simple anchor like so:</p>
  
  <pre><code>&lt;a href="#!/about"&gt;About&lt;/a&gt;
  </code></pre>
  
  <p>However when I click that anchor, the resulting URL constructed is:</p>
  
  <pre><code>http://myapp.localhost/index.html#/!/about
  </code></pre>
  
  <p>Which obviously fails to match any of my routes... a bit stumped on what's actually happening here, or what I'm doing wrong. I'm running off my local Apache instance under a vhost. There's nothing going on with mod_rewrite - so it looks like Angular is doing this.</p>