/ / Błąd wstrzykiwania modułów AngularJs - javascript, angularjs

AngularJs Modules Dependency Injection Error - javascript, angularjs

Cześć, mam problemy z AngularJs,za każdym razem, gdy próbuję załadować więcej niż jeden plik fabryczny do mojego pliku indeksu (gdzie inicjuję kątowy JS). Wszystko ładuje się dobrze, ale moja fabryka Miejsc odmawia inicjalizacji i pojawia się ten błąd na konsoli. https://docs.angularjs.org/error/$ injector / unpr? p0 = PlacesProvider

To jest mój plik app.js

(function(){
"use strict";
angular.module("app", ["oc.lazyLoad", "ui.utils", "app.configs", "app.factories", "app.ctrls"]);
})();

Tak załadowałem pliki JavaScript dla tych zależności w moim pliku indeksu

<!-- Angular -->
{{ HTML::script("assets/js/frontend/src/vendor/angular/angular.min.js") }}
{{ HTML::script("assets/js/frontend/src/vendor/angular/angular-route.min.js") }}
{{ HTML::script("assets/js/frontend/src/vendor/bower_components/angular-ui-utils/ui-utils.min.js") }}
{{ HTML::script("assets/js/frontend/src/vendor/angular/ocLazyLoad.js") }}
<!-- App -->
{{ HTML::script("assets/js/frontend/src/app.js") }}
<!-- Angular Configurations -->
{{ HTML::script("assets/js/frontend/src/configs/routes.js") }}
<!-- Angular services -->
{{ HTML::script("assets/js/frontend/src/services/Users.js") }}
{{ HTML::script("assets/js/frontend/src/services/Places.js") }}
<!-- Angular directives -->
{{ HTML::script("assets/js/frontend/src/directives/foundation.js") }}
<!-- Angular controllers -->
{{ HTML::script("assets/js/frontend/src/controllers/mainCtrl.js") }}
<!-- End call for javascript files -->

To są moje pliki fabryczne:

Fabryka użytkowników

(function(){
// Initialize angular module
var app = angular.module("app.factories, []");
// Initialize user factory
app.factory("Users", ["$http", function ($http) {
// Define variables

return {
// My functions
};
}]);

})();

Miejsca Fabryka

(function(){
// Initialize angular module
var app = angular.module("app.factories", []);
// Initialize places factory
app.factory("Places", ["$http", function ($http) {
// Define variables
return {
// My functions
};
}]);

})();

Odpowiedzi:

2 dla odpowiedzi № 1

W fabrykach użytkowników

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

Fabryki In Places

var app = angular.module("app.factories")

Mianowicie, powinieneś użyć nawiasów kwadratowych, gdy definiujesz moduł po raz pierwszy, a po raz drugi musisz go usunąć.

Alternatywnie

  (function(){
"use strict";
angular.module("app", ["oc.lazyLoad", "ui.utils", "app.configs", "app.factories", "app.ctrls"]);

//define your app.factories module here
angular.module("app.factories", []);
// define your app.ctrls module for all controls
angular.module("app.ctrls", []);

//then you can use them in any where without square brackets
})();