在AngularJS中动态添加依赖项

Question

我有一个带有Angular控制器等的JS文件，可以在很多页面上使用。它从以下行开始：

var fb = angular.module( 'fb', ['fb.controllers','fb.directives','fb.services','ui.bootstrap'] );

JS文件还包含很少使用的Angular控制器等，它们依赖于'ui.bootstrap'。

有哪些解决方案可以将我的Angular代码移动到单独的JS文件中，并且在需要时只包含依赖项'ui.bootstrap'？

Answer 1

你是对的，强烈建议将这些内容分开，并为每个控制器/指令/过滤器等创建一个文件。

注册模块后，您可以在其他js文件中使用它。 Angular自动解决依赖关系。

例如，在fb-controllers.js中注册＆＃39; fb.controllers＆＃39;模块依赖于＆u ;.bootstrap＆＃39;：

angular.module('fb.controllers', ['angular.ui']);

在fb-directives.js中注册＆＃39; fb.directives＆＃39;模块不依赖于＆u ;.bootstrap＆＃39;：

angular.module('fb.directives', []);

然后在app.js中注册您的主模块，依赖于其他：

var fb = angular.module( 'fb', ['fb.controllers','fb.directives']);