为什么主模块的服务在其他模块中可用？

Question

我有一个主模块main，其中包含一个服务mainService。然后我在我的主模块中注入了另一个模块moduleA。我在 moduleA 中随机调用了 mainService 而没有注入 main 模块，并且很惊讶地发现它工作正常。

angular.module('main', ['moduleA']);
angular.module('main').service('mainService', function(){
   //insert code here
});

angular.module('moduleA', []);
angular.module('moduleA').controller('abc', function(mainService){
   //mainService available here, without injecting main module
});

我想知道这背后的原因。我曾经在评论中读到，模块中定义的服务在应用程序中随处可用，但找不到源。像这样继续使用可以吗？

如果有帮助，我正在使用AngularJS ver 1.3.15。

Answer 1

是的，由于父子关系，您可以使用 main 的服务。 “main”是父模块，“moduleA”是其子/依赖模块。

在“main”模块中定义的任何服务、控制器、指令都可以在“moduleA”中使用

让我们用更复杂的场景来理解这个概念

angular.module('main', ['moduleA', 'moduleB']);


angular.module('moduleA', []);
angular.module('moduleA').service('moduleAService', function(){
   //insert code here
});

angular.module('moduleB', []);
angular.module('moduleB').controller('abc', function(moduleAService){
   //moduleAService available here, without injecting moduleA module
});

现在在这种情况下 moduleA 和 moduleB 是完全独立的，但 moduleB 仍然可以访问 moduleA 服务

这是因为主模块依赖于模块A和模块B。因此 moduleA 服务被注入到主模块中，而作为“主”模块的子模块的 moduleB 可以访问它。

Answer 2

在父级中注入类似服务的东西，使其可供所有子级使用。

Answer 3

值得阅读http://michalostruszka.pl/blog/2015/05/21/angular-dependencies-naming-clash/ 了解更多关于模块的信息。

帖子摘要：

事实证明，AngularJS 并不真正关心从哪里注入东西，只要名称匹配即可

在 AngularJS 中没有你所依赖的模块之类的东西。即使你要求一个东西，你也不能确定你会得到你期望的东西，因为你声明了对具有这个东西的模块的依赖。这是一个巨大的工具箱。