AngularJS выпуск инъекционных услуг

Question

Не совсем уверен, где я здесь ошибся. Я пытаюсь просто внедрить услугу и использовать его в контроллер

app.js

var app = angular.module('myApp', [ 
    'myApp.controllers.myCtrl', 
    'myApp.services.myService' 
]); 

JS/Контроллеры/myCtrl.js

var app = angular.module('myApp.controllers.myCtrl', []); 

app.controller('homeController', function ($scope, MyService) { 
    ... 
}); 

JS/услуги/myService.js

var app = angular.module('myApp.services.myService', []); 

app.service("MyService", function ($http, $q) { 
    ... 
}); 

Это приводит к следующей ошибке

Answer 1

Здесь вы пытаетесь получить доступ к myService сервисному компоненту модуля myApp.services.myService в модуле myApp.controllers.myCtrl, без ввода модуля, очевидно, будет отказано.

Если вы хотите получить доступ к службе в модуле myApp.controllers.myCtrl, тогда вам необходимо ввести myApp.services.myService в [] (массив зависимостей, где вы можете все зависимые модули).

var app = angular.module('myApp.controllers.myCtrl', ['myApp.services.myService']); 

Поступая выше линии у вас есть все составные (услуги) в myApp.controllers.myCtrl модуле.

Answer 2

JS/Контроллеры/myCtrl.js

вар приложение = angular.module ('myApp.controllers.myCtrl', [ 'myApp.services.myService']);

app.controller ('homeController', function ($ scope, MyService) { ... });

После этого не нужно вводить услуги в app.js еще раз.

var app = angular.module ('myApp', ['myApp.controllers.myCtrl']);