2015-01-12 147 views
0

我试图执行如下代码的最简单的角度片。我在div标记中定义了ng-app="budgetTracker"。每当我试图执行HTML,它给了我下面的错误:Angularjs模块加载错误

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=budgetTracker&p1=E…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.26%2Fangular.min.js%3A18%3A387) 

代码:

(function() { 

    var app = angular.module("budgetTracker", []); 

    app.directive("categories", function(){ 
     return { 

     //User Attribute directives for mixin behavior such as a tooltip, else mostly use element directives 
     //Directive definition object - a configuration that defines how a directive is going to behave 
      restrict: 'E', // we are declaring a new html element 
      templateUrl : 'js/templates/categories.html' // url of the template to be injected 
     }; 
    }); 


}); 

会有人知道为什么吗?我指向谷歌cdn的角度,我也包括头标签中的app.js文件。

+0

错误消息中的内容为可点击的URL;点击它以获取更多详细信息,并在此粘贴完整链接。现在它被截断,并没有太大的帮助。 – Thomas

+0

尝试'ng-app =“budget-tracker”' –

+0

您不应该在(function(){})调用中包含角模块。 将angular.js换成您的angular.js,以便您可以得到完整的错误,然后让我们知道它说了什么。 – Ash

回答

-1

我想你缺少执行你写有模块的功能。 将您的app.js更改为

(function(){ 
var app = angular.module("budgetTracker", []); 

app.directive("categories", function(){ 
    return { 

    //User Attribute directives for mixin behavior such as a tooltip, else mostly use element directives 
    //Directive definition object - a configuration that defines how a directive is going to behave 
     restrict: 'E', // we are declaring a new html element 
     templateUrl : 'js/templates/categories.html' // url of the template to be injected 
    }; 
}); 
})();