在angulajs内部1x app我有以下结构
应用
通用
JS
指令
notifications.js
模板
notifications.html
安全
notifications.js
(function(module) {
var notifications = function(notificating) {
return {
restrict: "AE",
templateUrl: "templates/notifications.html",
// tried also templateUrl: "../templates/notifications.html",
// tried also templateUrl: "app/common/templates/notifications.html",
link: function(scope) {
// todo
}
};
};
module.directive("notifications", notifications);
}(angular.module("common")));
在firebug控制台内部我遇到了以下错误
angular.js:9658 XMLHttpRequest无法加载 文件:/// G:/My%20App/app/templates/notifications.html。交叉起源 请求仅支持协议方案:http,data,chrome, chrome-extension,https,chrome-extension-resource。(匿名 函数)@ angular.js:9658sendReq @ angular.js:9462serverRequest @ angular.js:9179processQueue @ angular.js:12914(匿名函数)@ angular.js:12930 $ eval @ angular.js:14123 $ digest @ angular.js:13939 $ apply @ angular.js:14227bootstrapApply @ angular.js:1487invoke @ angular.js:4152doBootstrap @ angular.js:1485bootstrap @ angular.js:1505angularInit @ angular.js:1399(匿名函数)@ angular.js:25579trigger @ angular.js:2742eventHandler @ angular.js:3013 angular.js:11358错误: [$ compile:tpload]无法加载模板:templates / templates.html http://errors.angularjs.org/1.3.0/ $编译/ tpload?P0 =模板%2Ftemplates.html
答案 0 :(得分:0)
如果您给出的目录结构正确,则可以正常工作。
templateUrl: "common/js/templates/notifications.html",
答案 1 :(得分:0)
您必须从index.html开始路径。
所以“common / js / templates / notifications.html”应该有用。