Question

我有一个可能听起来很愚蠢的情景，但我陷入困境并试图理解可能导致它无效的原因。

我有一个角度应用程序，现在有三个模块

var app = angular.module('mainApp', ['ngRoute']); //parent module
var reviewModule = angular.module('reviewModule', ['mainApp']);  //child 1
var searchmodule = angular.module('searchmodule', ['mainApp']);  //child 2

我在我的父模块（也就是mainApp）中设置了一些配置和默认字符串，我想在其所有子模块中使用它。

另一方面，我的reviewModule和searchmodule（子模块）有不同的控制器和服务，我在不同的路由上使用它们。现在，当我想将一个模块的服务用于另一个时，问题出现了，例如，如果我执行以下操作

var searchmodule = angular.module('searchmodule', ['mainApp', 'reviewModule']);

在我的搜索模块控制器中使用reviewModule服务，我得到一个例外

的例外

Error: $injector:modulerr Module Error
Failed to instantiate module searchmodule

两个子模块都有相同的父模块，我想将一个子模块用于另一个子模块，并且无法理解为什么我会收到此异常。

更新

我甚至尝试使用以下行进行模块声明

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

但这也会导致异常。

Answer 1

这是向后的....将辅助模块添加为主模块的依赖项

angular.module('reviewModule', []);  
angular.module('searchmodule', []);  

angular.module('mainApp', ['ngRoute','reviewModule', 'searchmodule']); //parent module

所有模块的所有组件现在都可以在应用程序的任何位置使用

或者，您可以让一个子项加载另一个子项作为依赖项，但最终结果是它们都需要绑定到引导程序的主应用程序模块

示例：

angular.module('reviewModule', []);  
angular.module('searchmodule', []);  
// module just to combine other modules
angular.module('myChildModules',['reviewModule', 'searchmodule']);
// add combined modules as dependency of main app module
angular.module('mainApp', ['ngRoute','myChildModules']);

AngularJs - 将子模块注入其他子模块

1 个答案: