无法在angularjs中加载模板

时间:2016-06-09 10:56:20

标签: javascript angularjs

在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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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