我的 AngularJS 应用程序中有 3 个模块,例如main
、home
和 product
。 main
模块有 home
和 product
模块作为依赖(ng.module('main', ['home', 'product' ])
) 而 home
和 product
模块没有任何依赖关系(ng.module('product', [])
ng.module('phome', [])
),还是product
模块可以访问home
模块服务?为什么???
下面是我的应用程序的示例代码,它具有相同的场景和相同的问题。这是 JSfiddle Link .
<!DOCTYPE html>
<html ng-app="main">
<body ng-controller="MainController as mainController">
{{mainController.name}}
<script type="application/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
(function (ng) {
var homeModule = ng.module('home', []);
homeModule.service("HomeService", [function () {
var homeService = this;
homeService.getName = function () {
return "Home Service";
}
}]);
var productModule = ng.module('product', []);
productModule.service("ProductService", ["HomeService", function (HomeService) {
var productService = this;
productService.getName = function () {
return "Product Service - " + HomeService.getName();
};
}]);
var mainModule = ng.module('main', ['home', 'product']);
mainModule.controller("MainController", ['ProductService', function (ProductService) {
var mainController = this;
mainController.name = ProductService.getName();
}]);
})(angular);
</script>
</body>
</html>
最佳答案
答案很简单。 Angular 不会将模块的内容限定在模块本身。我在某处读到有人讨论过添加此功能,但我还没有看到它实现。
更糟糕的是,应用于一个导入模块的 Controller 在您的应用中将是唯一的。例如,我曾经使用过 angular-ui bootstrap,我团队中的某个人添加了一个 AlertController
。当 Controller 从未被击中时,我们感到非常困惑,但这是因为 angular-ui 已经定义了 Controller 。
所以这不仅仅是可见性的问题,也是可维护性和命名的问题。
模块上定义的所有内容都是公开的。
关于javascript - 为什么 2 个不同的模块在添加为依赖于第三个模块时可以相互访问?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30570505/