在AngularJS中動態添加依賴關係

Question

我有一個JS文件和Angular控制器等，用在很多或者很多頁面上。它開始與線：

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

的JS文件還包含角控制器等很少使用，依賴於「ui.bootstrap」。

有什麼解決方案可以將我的Angular代碼移動到單獨的JS文件中，並在需要時只包含依賴項'ui.bootstrap'？

Answer 1

你說得對，強烈建議分開這些東西，並且還要爲每個控制器/指令/過濾器/等創建一個文件。

一旦你註冊了模塊，你可以在其他js文件中使用它。 Angular自動解決依賴關係。

例如，在FB-controllers.js你寄存器 'fb.controllers' 模塊，其取決於 'ui.bootstrap'：

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

在FB-directives.js你寄存器 'fb.directives'模塊，OT取決於 'ui.bootstrap'：

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

然後在app.js您註冊具有依賴性的主要模塊等：

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