title: AngularJS(1) view and directve not working
body: <p>I am making a small application in angular to study, but the directive and the view are not being rendered, I already investigated my code, but I did not find anything, code can be seen below:</p>
  
  <p><strong>Index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="pt-br" ng-app="rdi_music"&gt;
  
  &lt;head&gt;
  &lt;base href="/"&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
  &lt;!-- Carregando CSS --&gt;
  &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="css/bootstrap-overloads.css"&gt;
  
  &lt;!--Carregando os scripts--&gt;
  &lt;!-- App core --&gt;
  &lt;script src="js/core/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/core/angular-animate.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/core/angular-sanitize.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/core/angular-route.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/core/angular-resource.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/ui/ui-bootstrap-tpls-2.5.0.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- My Modules --&gt;
  &lt;script src="js/main.js"&gt;&lt;/script&gt;
  &lt;script src="js/controllers/index-controller.js"&gt;&lt;/script&gt;
  &lt;script src="js/controllers/musicas-controller.js"&gt;&lt;/script&gt;
  
  &lt;!-- My Directives --&gt;
  &lt;script src="js/directives/header.js"&gt;&lt;/script&gt;
  
  &lt;title&gt;Music&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;header-menu&gt;&lt;/header-menu&gt;
  
  &lt;div class="container"&gt;
      &lt;ng-view&gt;&lt;/ng-view&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>angular.module('rdi_music', ['ngRoute', 'ngResource', 'musicasController', 
  'header'])
  .config(function($routeProvider, $locationProvider){
  $locationProvider.html5Mode(true);
  
  $routeProvider.when('/musicas',{
      templateUrl: 'views/musicas/index.html',
      controller: 'musicasController'
  });
  });
  </code></pre>
  
  <p><strong>index-controller.js</strong></p>
  
  <pre><code>angular.module('rdi_music', ['ngAnimate', 'ngSanitize', 'ui.bootstrap'])
  .controller('indexController',function($scope){
  $scope.isNavCollapsed = true;
  $scope.isCollapsed = true;
  $scope.isCollapsedHorizontal = true;
  });
  </code></pre>
  
  <p><strong>musicas-controller.js</strong></p>
  
  <pre><code>angular.module('rdi_music', ['ui.bootstrap'])
  .controller('musicasController', function($scope){
  
  });
  </code></pre>
  
  <p><strong>header.js</strong></p>
  
  <pre><code>angular.module('header', ['ui.bootstrap'])
  .directive('headerMenu', function(){
  var ddo = {
      restrict: "AE",
      templateUrl: "views/directives/header.html"
  };
  
  return ddo;
  });
  </code></pre>