Угловой маршрут с $ routeProvider

Я пытаюсь понять маршрутизацию, прежде чем приступать к созданию своего приложения, но, похоже, это не работает.

У меня есть базовое приложение для тестов, в которых я создал 3 html файла, соответствующих 3 различным представлениям, и я хочу изменить отображаемое представление в зависимости от маршрутов.

Но я всегда вижу индекс.

Вот файлы:

app.js:

'use strict';

angular.module('BalrogApp', ['ngRoute', 'ui.bootstrap', 'BalrogApp.controllers'])
.config(['$routeProvider', function($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: '../index.html'
      })
      .when('/requests', {
        templateUrl: '../views/requestsList.html'
      })
      .when('/projects', {
        templateUrl: '../views/projectsList.html'
      })
      .otherwise({
        redirectTo: '/lol'
      });

  }]);

requestController.js:

'use strict';

var requestsControllerModule = angular.module('BalrogApp.controllers', ['ngRoute', 'ui.bootstrap']);

requestsControllerModule.controller('requestsController', function($rootScope, $scope, $location, $routeParams) {

  this.studentName = "Request";
  this.studentMark = 75;

});

projectsController.js:

'use strict';

var projectsControllerModule = angular.module('BalrogApp.controllers', ['ngRoute', 'ui.bootstrap']);

projectsControllerModule.controller('projectsController', function($rootScope, $scope, $location, $routeParams) {

  this.studentName = "Project";
  this.studentMark = 75;

});

Файлы html почти одинаковы, за исключением некоторых слов и для контроллера, связанного с каждым из них.

Вот несколько строк, которые меняются между html wiews:

index.html:

index view
<div class="row-fluid" ng-controller="requestsController as rc">
  <div class="span2">{{rc.studentName}} </div>
</div>

requestList.html:

Request view
<div class="row-fluid" ng-controller="requestsController as r">
  <div class="span2">{{r.studentName}} </div>
</div>

projectsList.html

Project view
<div class="row-fluid" ng-controller="projectsController as p">
  <div class="span2">{{p.studentName}} </div>
</div>

Byt независимо от того, какой маршрут, если я добавил '/projects' или '/requests' к URL-адресу, я остаюсь на индексном представлении.

Любая идея, что я делаю неправильно?