title: $routeProvider with templateURL not working
body: <p>I am using $routeProvider in AngularJS with templateURl and my problem is that nothing happened, nothing shows on console and network tabs on dev tools (Chrome or Firefox). If i use template it works.</p>
  
  <p>Bellow follows the hmtl and js files.</p>
  
  <p><strong>mainPainelAdmin.html</strong> (dir: view/admin/)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="adminCondominio"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="content-type" content="charset=UTF-8"&gt;
          &lt;title&gt;Condomínio Ilha de Bari - Painel Administrador&lt;/title&gt;
  
          &lt;!-- Font Awesome CSS available via CDN; version 4.3.0 used here --&gt;
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"&gt;
  
          &lt;!-- Angular Material CSS now available via Google CDN; version 0.10 used here --&gt;
          &lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.css"&gt;
  
          &lt;!-- Angular Material Dependencies --&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"&gt;&lt;/script&gt;
  
          &lt;!-- Angular Material Javascript now available via Google CDN; version 0.10 used here --&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.js"&gt;&lt;/script&gt;
  
  
          &lt;script type="text/javascript" src="../../js/app.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../../js/controllers/admin/mainPainelAdmin.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../../js/controllers/admin/menuPainelAdmin.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../../js/controllers/admin/mainAdmin.js"&gt;&lt;/script&gt;
  
          &lt;link rel="stylesheet" href="../../css/admin/mainPainelAdmin.css"&gt;
          &lt;link rel="stylesheet" href="../../css/admin/menuPainelAdmin.css"&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div ng-controller="MainPainelAdminCtrl"&gt;
              &lt;md-content&gt;
                  &lt;md-toolbar class="md-toolbar-tools"&gt;
                      &lt;md-button class="md-icon-button" aria-label="Settings"&gt;
                          &lt;md-icon class="fa fa-bars fa-lg"&gt;&lt;/md-icon&gt;
                      &lt;/md-button&gt;
                      &lt;h2&gt;
                          &lt;span&gt;Condomínio Ilha de Bari - Administrador&lt;/span&gt;
                      &lt;/h2&gt;
                      &lt;span flex&gt;&lt;/span&gt;
                      &lt;md-button class="md-raised md-warn" aria-label="Sair" style="padding-right: 5%" ng-click="logOff()"&gt;
                          &lt;md-icon class="fa fa-sign-out fa-lg" style="color: white; padding-left: 50%"&gt; Sair &lt;/md-icon&gt;
                      &lt;/md-button&gt;
                  &lt;/md-toolbar&gt;
                  &lt;section layout="row" flex ng-controller="MenuPainelAdmin"&gt;
                      &lt;md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="true"&gt;
                          &lt;md-list&gt;
                              &lt;md-list-item class="mouseOver" ng-repeat="item in menuItens"&gt;
                                  &lt;p class="menuItemBotao {{item.icon}}" ng-click="go(item.ref)"&gt; {{ item.name }} &lt;/p&gt;
                              &lt;/md-list-item&gt;
                          &lt;/md-list&gt;
                      &lt;/md-sidenav&gt;
                      &lt;md-content flex layout-padding&gt;
                          &lt;div layout="column" layout-fill layout-align="top center"&gt;
                              &lt;div ng-view&gt;&lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div flex&gt;&lt;/div&gt;
                      &lt;/md-content&gt;
                  &lt;/section&gt;
              &lt;/md-content&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>app.js</strong> (dir: js/)</p>
  
  <pre><code>var app = angular.module('adminCondominio',['ngMaterial', 'ngRoute']);
  </code></pre>
  
  <p><strong>menuPainelAdmin.js</strong> (dir: js/controllers/admin/)</p>
  
  <pre><code>app.controller('MenuPainelAdmin', function($scope, $location){
     $scope.menuItens = [
         {name: 'Início', icon:'fa fa-home fa-lg', ref:'home'},
         {name: 'Administração', icon:'fa fa-briefcase fa-lg', ref:'admin'},
         {name: 'Configurações', icon:'fa fa-cogs fa-lg', ref:'configs'}
     ];
  
     $scope.go = function ( path ) {
         $location.path( path );
     };
  });
  
  app.config(['$routeProvider', function($routeProvider){
      $routeProvider
          .when('/home', {
              templateURL: 'inicioAdmin.html',
              controller: 'MainAdmin'
          })
          .when('/admin', {
              templateURL: 'administracaoAdmin.html'
          })
          .when('/configs', {
              templateURL: 'configuracaoAdmin.html'
          })
          .otherwise({
              redirectTo: '/home'
          });
  }]);
  </code></pre>
  
  <p><strong>mainAdmin.js</strong> (dir: js/controllers/admin/)</p>
  
  <pre><code>app.controller('MainAdmin', function($scope){
      $scope.message="testeeeeee"
  });
  </code></pre>
  
  <p><strong>inicioAdmin.html</strong> (dir: view/admin/)</p>
  
  <pre><code>&lt;h1&gt;{{ message }}&lt;/h1&gt;
  </code></pre>
  
  <p>Am I missing something? Thanks.</p>