无法在angularjs中加载模板

Question

在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

Answer 1

如果您给出的目录结构正确，则可以正常工作。

templateUrl: "common/js/templates/notifications.html",

Answer 2

您必须从index.html开始路径。

所以“common / js / templates / notifications.html”应该有用。