title: AngularJS subdirectory routing not working, with <base> tag applied
body: <p>I've got an incredibly simple AngularJS template, I'm trying to get routing to work but when I load the page I'm just seeing the H1 tag from my <code>index.html</code>.</p>
  
  <p>My app is in a sub directory, <code>/angular-route/</code>, and I know that the partials exist, I can visit <code>/angular-route/partials/interest.html</code> and the page renders fine.</p>
  
  <p>Have I missed something really basic here?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head ng-app="myApp"&gt;
      &lt;title&gt;AngularJS Routing&lt;/title&gt;
      &lt;base href="/angular-route/" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;AngularJS Routing&lt;/h1&gt;
  
  &lt;div ng-view&gt;&lt;/div&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      'use strict';
  
      var myApp = angular.module('myApp', []).
        config(['$routeProvider', function($routeProvider) {
          $routeProvider.
              when('/interest', {
                  templateUrl: 'partials/interest.html',   
                  controller: 'InterestCtrl'
              }).
              when('/catalogue', {
                  templateUrl: 'partials/catalogue.html', 
                  controller: 'CatalogueCtrl'
              }).
              otherwise({redirectTo: '/interest'});
      }]);
  
      myApp.controller('InterestCtrl', function($scope, $routeParams) {
          console.log('InterestCtrl');
      });
      myApp.controller('CatalogueCtrl', function($scope, $routeParams) {
          console.log('CatalogueCtrl');
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>