这是角度范围的问题吗?

时间:2016-03-31 17:19:28

标签: angularjs

footer.js如果被定义为主应用程序。

(function () {
var app = angular.module('footer', []);

app.directive('siteFooter', function () {
    return {
        restrict: 'E',
        templateUrl: 'site-footer.html',
    };
  });
})();

footer.js如果作为依赖项添加。

(function () {
var app = angular.module('footer', []);

app.directive('siteFooter', function () {
    return {
        restrict: 'E',
        templateUrl: 'Hexdra/partials/site-footer.html',
    };
  });
})();

我有一个应用程序只控制我的网站的页脚,然后我将该页脚应用程序注入定义我的页面的主应用程序。

我使用templateUrl加载页脚模板。

对于第一种情况,我很困惑,因为footer应用程序与链接到的模板不在同一目录中,并且仍然可以找到它。

对于第二种情况,当模板必须定义为“Hexdra/partials/site-footer.html'时,为什么要求我转到根目录?

如果我的文件结构为

 - Hexdra
 - -> app - contains the angular.Js files
 - -> assets 
 - -> partials - contains my site-footer.html file. 
 - html-files

我不需要使用'partials/site-footer.html'吗?

1 个答案:

答案 0 :(得分:1)

  

首先我感到困惑,因为footerapp不在同一个目录中   作为其链接的模板,它仍然能够找到它

这是一个javascript功能。

  

其次,对于第二种情况,必须将模板定义为   ' Hexdra / partials / site-footer.html',为什么要我去   根?

模板是作为root用户加载index.html目录的,因为模板是脚本引用的,而脚本文件是从index.html加载的。

作为独立应用,您的脚本是从页脚模板加载的,因此根是页脚模板的目录。