无法在angularjs中加载模板

z31licg0  于 2022-09-18  发布在  Java
关注(0)|答案(2)|浏览(188)

在Angulajs 1X应用程序内部,我有以下结构

  • 应用程序

  • 常见

  • 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:9658XMLHttpRequest无法加载file:///G:/My%20App/app/templates/notifications.html.仅支持以下协议方案的跨域请求:http、data、Chrome、Chrome-Extension、HTTPS、Chrome扩展资源。(匿名函数)@angular.js:9658sendReq@angular.js:9462serverRequest.angular.js:9179进程Queue@angular.js:12914(匿名函数)@angular.js:12930$eval@angular.js:14123$Digest@angular.js:13939$Apply@angular.js:14227bootstRapApply@angular.js:14152dobootstrap@angular.js:14152bootstrap@angular.js:14155angularit@angular.js:1399(匿名函数)@angular.js:25957rigger@angular.js:1422bootstrap@angular.js:14152bootstrap@angular.js:14155bootstrap@angular.js:1399(匿名函数)@angular.js:25957rigger@angular.js:1422bootstrap@angular.js:14152bootstrap@angular.js:14152bootstrap@angular.js:1505angularit@angular.js:1399(匿名函数)@angular.js:25957触发器@angular.js:14227bootstrap@angular.js:14152bootstrap@angular.js:14152bootstrap@angular.js:14155bootstrastrastrap@angular.js:155angularit@angular.js:1399(匿名函数)@angular.js:25957rigger@angular.js:14227boot:11358错误:[$COMPILE:TPLOAD]无法加载模板:模板/模板.html http://errors.angularjs.org/1.3.0/$compile/tpload?p0=templates%2Ftemplates.html

ktca8awb

ktca8awb1#

如果您在下面给出的目录结构是正确的,则应该可以工作。

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

gorkyyrv2#

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

因此,应该可以使用“Common/js/Templates/Notifications.html”。

相关问题