模板無法在角度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的內容（暫且因爲我測試）是：