模板未按angular 1.5指令加载

Question

I've seem many questions like this in the site, but not of them worked for me. 我在网站上似乎有很多这样的问题，但是没有一个对我有用。

I have this in app.js 我在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 app.js和data-table.html在目录中处于同一级别

My index.html is like this: 我的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>

And the contents of my data-table.html (for the time being because I'm testing) are: 我的data-table.html的内容（暂时是因为我正在测试）是：

<h1>Hello world!</h1>

Can someone tell me how to fix this ? 有人可以告诉我如何解决这个问题吗？

Answer 1

If you use templateUrl, it should be relative to the web root url; 如果使用templateUrl，则它应相对于Web根URL； Please refer this: Angular directive templateUrl relative to .js file 请参考：相对于.js文件的Angular指令templateUrl

Answer 2

显然问题出在我使用的另一个框架Django，因此将模板相对URL更改为绝对URL可以解决此问题

模板未按angular 1.5指令加载

问题描述

2 个解决方案

解决方案1
1 2016-05-22 13:32:58

解决方案2
0 已采纳 2016-05-28 17:29:37

模板未按angular 1.5指令加载

问题描述

2 个解决方案

解决方案1 1 2016-05-22 13:32:58

解决方案2 0 已采纳 2016-05-28 17:29:37

解决方案1
1 2016-05-22 13:32:58

解决方案2
0 已采纳 2016-05-28 17:29:37