(function () {
var app = angular.module('footer', []);
app.directive('siteFooter', function () {
return {
restrict: 'E',
templateUrl: 'site-footer.html',
};
});
})();
(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'
吗?
答案 0 :(得分:1)
首先我感到困惑,因为footerapp不在同一个目录中 作为其链接的模板,它仍然能够找到它
这是一个javascript功能。
其次,对于第二种情况,必须将模板定义为 ' Hexdra / partials / site-footer.html',为什么要我去 根?
模板是作为root用户加载index.html目录的,因为模板是脚本引用的,而脚本文件是从index.html加载的。
作为独立应用,您的脚本是从页脚模板加载的,因此根是页脚模板的目录。