角度1.5指令でテンプレートが読み込まれない

私はこのサイトのように多くの質問がありますが、私のために働いていません。ディレクトリ内の同じレベルに角度1.5指令でテンプレートが読み込まれない

私はapp.js

(function(){ 
      var app = angular.module("freelingApp", ["ngRoute"]); 
      app.controller("MainController", 
        ["$http", "$scope", 
        function($http, $scope){ 
          ...some code here... 
        }]); 
      app.directive("dataTable", function(){ 
            return{ 
              transclude:true, 
              replace:true, 
              restrict: 'E', 
              templateUrl:'data-table.html' 
            }; 
            }); 

})();

app.jsとデータtable.html両方でこれを持っている

私のindex.htmlには、このようなものです：

<html> 
    <head> 
    ... some code here ... 
    </head> 

    <body ng-app="freelingApp" ng-controller="MainController"> 
     ... some code here... 
     <div> 
      <data-table></data-table> 
     </div> 
    </body> 
</html>

そして（私がテストしてるので、時間があるために）私のデータ-table.htmlの内容は以下のとおりです。