title: AngularJS routeprovider is not called
body: <p>I've googled a lot of info about routing in AngularJS and have seen questions at stackoverflow, for example, <a href="https://stackoverflow.com/questions/15877925/angular-module-config-not-called">this 1</a>, <a href="https://stackoverflow.com/questions/24984642/angular-routing-config-function-not-called">this 2</a>, <a href="https://stackoverflow.com/questions/27665098/angularjs-routeprovider-config-not-called">this 3</a>, <a href="https://stackoverflow.com/questions/21153616/angularjs-router-config-is-not-working">this 4</a>. However, there is no result.</p>
  
  <p>I've included <code>AngularJS 1.5.8.js</code> and <code>angular-route.js</code>.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="employeesApp"&gt;
      &lt;head&gt;
          &lt;title&gt;Injecting view&lt;/title&gt;              
      &lt;/head&gt;
      &lt;body &gt; 
  
          &lt;p&gt;Hey! View should be injected between these statements&lt;/p&gt;
          &lt;div ng-view&gt;&lt;/div&gt;  
          &lt;p&gt;Hey! View should be injected between these statements&lt;/p&gt;
  
          &lt;script src="scripts/angular.js"&gt;&lt;/script&gt;
          &lt;script src="scripts/angular-route.js"&gt;&lt;/script&gt; 
          &lt;script src="app/app.js"&gt;&lt;/script&gt;
          &lt;script src="app/controllers/employeesController.js"&gt; &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Employees.html:</strong></p>
  
  <pre><code>&lt;h2&gt;Employees&lt;/h2&gt;
  &lt;article&gt;This is employee view!:)&lt;/article
  </code></pre>
  
  <p><strong>employeesController.js:</strong></p>
  
  <pre><code>(function()
  {
      var employeesController=function($scope, foo, bar) {//THIS CODE SNIPPET IS NOT CALLED 
                   alert('a1');
                   debugger;
                   $scope.sortBy='name';
                   $scope.reverse=false;
  
                   $scope.employees= [
    {joined:'2010-12-02', name:'Jon', city:'Reading', orderTotal:49.9956},  
    {joined:'1995-01-25', name:'Ben', city:'Las Vegas', orderTotal:519.99}, 
    {joined:'1994-06-15', name:'Joseph', city:'New York', orderTotal:344.99},
    {joined:'1998-03-18', name:'Adam', city:'Seattle', orderTotal:1021.5}
                   ];
  
                   $scope.doSort=function(propName){
                       $scope.sortBy = propName;
                       $scope.reverse=!$scope.reverse;
                   };
               };
  
      employeesController.$inject=['$scope'];
      angular.module('employeesApp',[]).controller('employeesController', 
                      employeesController);
  }());
  </code></pre>
  
  <p><strong>app.js:</strong></p>
  
  <pre><code>(function() {   
      debugger;        //this code snippet works    
      var app=angular.module('employeesApp',['ngRoute']);  //this code snippet works  
  
      app.config(function($routeProvider){ //THIS CODE SNIPPET IS NOT CALLED
              alert('in');
              debugger;
              $routeProvider
              .when('/', {
              templateUrl: 'app/views/employees.html', 
              controller: 'employeesController'
          })
          .otherwise( { redirectTo: '/' });                    
          });
  }());
  </code></pre>
  
  <p>I double checked all directives and code, however <code>employee.html</code> is not injected.<br>
  Does anybody know what I am doing wrong? I am using <code>AngularJS 1.5.8.js</code>.</p>