title: Angular Routing isn't being intercepted
body: <p>I have the following in my app.js file:</p>
  
  <pre><code>// Declare app level module which depends on filters, and services
  
  
    var APP = angular.module('DiagsDashboard', ['ngRoute', 'DiagsDashboard.filters', 
  'DiagsDashboard.services', 'DiagsDashboard.directives', 'DiagsDashboard.controllers']);
  
  APP.config(function ($routeProvider, $locationProvider) {
  
      $locationProvider.html5Mode(true);
      $locationProvider.hashPrefix('!');
  
      $routeProvider
          .when('/', { templateUrl: '/views/shared/Error.html' })
          .when('/Error', { templateUrl: '/views/shared/Error.html' })
          .when('/Diagsdashboard', { templateUrl: '/views/shared/Error.html' })
          .when('/Diagsdashboard/Error', { templateUrl: '/views/shared/Error.html' })
          .otherwise({ templateUrl: '/views/shared/Error.html' });
  });
  </code></pre>
  
  <p>But when I browse to:</p>
  
  <pre><code>- /localhost/#
  - /localhost/#/DiagsDashboard/
  - /localhost/#/DiagsDashboard/Error
  - /localhost/#/error
  </code></pre>
  
  <p>The whole page re-loads and everything refreshes. 
  I've copied this code from a project where it works and I have angular-route.js included.</p>
  
  <p>This is an MVC application located within IIS as a sub-application at <strong>/localhost/DiagsDashboard</strong>.</p>