Ошибка загрузки модуля модуля Angularjs

Question

Я пытаюсь выполнить простейший угловой код, который выглядит следующим образом. Я определил ng-app="budgetTracker" в теге div. Всякий раз, когда я пытаюсь выполнить HTML, он дает мне следующую ошибку:

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 
     }; 
    }); 


}); 

ли кто-нибудь знает почему? Я указываю на google cdn для углового, и я также включаю файл app.js в тег head.

Answer 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 
    }; 
}); 
})();