0

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) {
     }];
});
4

1 に答える 1