title: ngRoute $injector:unpr Unknown Provider
body: <p>Here is my code:</p>
  
  <pre><code>var myApp = angular.module('myApp', [
    'ngRoute',
    'artistControllers'
  ]);
  
  myApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/list', {
      templateUrl: 'includes/list.html',
      controller: 'artistListController',
      controllerAs: 'alc',
    }).
    when('/detail/:id', {
      templateUrl: 'includes/detail.html',
      controller: 'artistDetailController',
      controllerAs: 'adc',
    }).
    otherwise({
      redirectTo: '/list'
    });
  }]);
  </code></pre>
  
  <p>My index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" ng-app="myApp"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Angular Demo&lt;/title&gt;
      &lt;script src="lib/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/angular-animate.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt; //include artistListController and artistDetailController
      &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="main" ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>If I use <code>angular-route.min.js</code> v1.4.3, it will throw <code>$injector:unpr Unknown Provider</code> and the url is stuck on <a href="http://127.0.0.1:56116/index.html" rel="nofollow">http://127.0.0.1:56116/index.html</a></p>
  
  <p><code>angular-route.min.js</code> v1.2.10 works fine and the url is <a href="http://127.0.0.1:56116/index.html/#list" rel="nofollow">http://127.0.0.1:56116/index.html/#list</a></p>
  
  <p>Anybody can help me with this? Thank you</p>