失敗在angularjs

Question

裏面加載模板angulajs 1個應用程序我有以下結構

• 應用

  • 共同

    • 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 cannot load file:///G:/My%20App/app/templates/notifications.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.(anonymous function) @ angular.js:9658sendReq @ angular.js:9462serverRequest @ angular.js:9179processQueue @ angular.js:12914(anonymous function) @ 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(anonymous function) @ angular.js:25579trigger @ angular.js:2742eventHandler @ angular.js:3013 angular.js:11358 Error: [$compile:tpload] Failed to load template: templates/templates.html http://errors.angularjs.org/1.3.0/ $compile/tpload?p0=templates%2Ftemplates.html

Answer 1

如果你給的目錄結構如下正確的應該工作。

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

Answer 2

您必須從index.html開始路徑。

所以「common/js/templates/notifications.html」應該可以工作。