在AngularJS中有选择地使用依赖模块

Question

我正在编写一个小应用程序，我将所有AngularJS代码放在一个文件中。此文件包含在每个HTML页面中。我如何过滤特定HTML页面需要哪些相关模块？即如果我有例如：

var app = angular.module('MyApp', ['ngTouch', 'ngMessages']);

但我在某些页面上只需ngTouch而在其他页面只需要ngMessages，我如何阻止为每个页面加载其他不必要的相关模块？

Answer 1

您可以使用专用模块依赖核心模块来分离问题。例如，你可以有类似的东西：

angular.module('app.core', ['ngAnimate']);
angular.module('PicadviceApp', ['app.core', 'ngTouch']);
angular.module('messages', ['app.core', 'ngMessages']);

这基本上会宣布“app.core”＃39;模块作为应用程序中每个页面都需要加载的核心模块，然后在特定页面上，您将拥有加载任何其他依赖项的专用模块。

一个页面可以加载PicadviceApp模块，另一个页面会加载消息模块。但由于app.core依赖性，两个页面都可以访问ngAnimate模块。