title: Angular view isn't loading
body: <p>I am not sure what I am doing incorrectly, but I cannot figure out why my <code>view</code> isn't loading.</p>
  
  <p>I have this JavaScript:</p>
  
  <pre><code>angular.module('Console', ["ngRoute"]).config(function($routeProvider, $locationProvider){
      $routeProvider.when('/admin/leaderboard', {
          templateUrl: 'leaderboard.html',
          controller: 'MainContent',
          controllerAs: "app"
      }).otherwise({
          templateUrl: 'default.html',
          controller: 'DefaultCtrl',
          controllerAs: "app"
      });
      $locationProvider.html5Mode(true);
  }).controller('MainContent', function($scope){
      var self = this;
      self.message = "The app routing is working!";
      alert("I am running");
  });
  </code></pre>
  
  <p>Working with this HTML:</p>
  
  <pre><code>&lt;div class="container-fluid" style="margin-top: 15px;" ng-app="Console"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-12"&gt;
              &lt;ng-view&gt;&lt;/ng-view&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I load the page the alert displays, but the template doesn't load, an ajax request for the template isn't even made. Am I doing something wrong, or am I missing something?</p>