Template not loading in angular 1.5 directive

Question

I've seem many questions like this in the site, but not of them worked for me.

I have this in 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'
                                     };
                                   });

})();

Both app.js and data-table.html are at the same level in the directory

My index.html is like this:

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

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

And the contents of my data-table.html (for the time being because I'm testing) are:

<h1>Hello world!</h1>

Can someone tell me how to fix this ?

Can you provide the proper location of your `data-table.html` relative to your `index.html` and the full URL you are using locally in your browser? — Shashank Agrawal, May 22 '16 at 14:19

score 1 · Answer 1 · edited May 23 '17 at 12:31

1

If you use templateUrl, it should be relative to the web root url; Please refer this: Angular directive templateUrl relative to .js file

edited May 23 '17 at 12:31

Community

1
1

answered May 22 '16 at 13:32

Mekal

340
1
10

score 0 · Accepted Answer · answered May 28 '16 at 17:29

0

Apparently the problem was with the the other framework I was using, Django, so changing the templates relative URL to an absolute URL fixed the issue

answered May 28 '16 at 17:29

Crixx93

727
10
22

Template not loading in angular 1.5 directive

2 Answers2