Angular と RequireJS を組み合わせて使用しています。これらのモジュールに固有のロジックをカプセル化する非常に簡潔なコントローラーを定義しました。私が持っていた1つの欠点は、個別のモジュールをメインレイヤーに結合する最上層にすべてのAngularモジュールを含める必要があることです。
// app.js
define(['angular', 'angularui'], function (angular) {
return angular.module('phx', ['ui.bootstrap'])
});
ui.bootstrap
そのモジュールが必要なときに後で注入できる方法はありますか? 例として、メインページはログインのみで、内部ページにはangularuiが必要です。
//dashboard.js
define(['app', 'angularui', function (app) {
// inject ui.bootstrap here? so not to couple to main module
return app.controller('ctrl',
['$scope', function ctrl($scope) {
}];
});