AngularJS：如何在同一个模块中拥有不同的服务/控制器？

Question

我有一个服务，在我的AngularJS应用程序的控制，这应该是在同一个模块中，但有两个不同的文件：

// File 1 (Service) 
angular.module('myService', ['ngRoute']) 
.service('myService', // ... 


// File 2 (Controller) 
angular.module('myController', ['ngRoute']) 
.controller('myController', // .. 

这工作得很好。现在我想要在一个模块中有服务&控制器，所以我只能加载一个而不是两个模块。所以我改变（这两个文件的）第一行：

// Change in both files: 
angular.module('myModule', ['ngRoute']) 

但现在我得到一个错误：

错误：[$注射器：unpr] ...

也许有人知道，这里可能是错的。非常感谢你！

Answer 1

你可以做到以下几点：

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

myApp.controller("myService" 

myApp.service("myApp") 

或者

angular.module("myModule").controller 

angular.module("myModule").service 

如果使用angular.module（ '为myService'，[]）两次，你两次初始化同一个模块。 如果你只是使用angular.module（“myModule”），没有依赖关系，你只需调用它。

Answer 2

有两个选项 -

1. 使用一个变量作为由Michael提到

OR

使用它像 -

// Initialize myService Module in any JS file 
 
    (make sure this file is included before File 1 and File 2 
 
angular.module('myService', ['ngRoute']); 
 

 
// File 1 (Service) 
 
angular.module('myService').service('myService', // ... 
 

 
// File 2 (Controller) 
 
angular.module('myService').controller('myController', // ..