angularJSの設定ファイルに基づいてモジュールをロードする方法

Question

私はいくつかの定義されたモジュールを持っています。私はそれらをすべて私のアプリケーションにロードしたくありません。代わりに、私は設定ファイルに基づいてそれらをロードしたい。

angular.module('section1', []) 

モジュール2：例

Module1のためのモジュールのそれぞれにおいて

angular.module('section2', []) 

、それは独自のHTMLテンプレートやビジネスロジックを持つことになります。次に、app.module.jsで：

angular.module('app', ['module1', 'module2']); 

module1とmodule2の両方が一緒に読み込まれます。私はそれが、代わりに、私は設定ファイルを持っていますハードコードにしたくない、何かのようには：

[{'module1': true}, {'module2':false}] 

最終的には、アプリが起動されるたびに、私は、設定ファイルを読み込んで意志をどのモジュール決めますロードされるモジュールとロードされないモジュール。上の例では、module1はロードされ、module2はロードされません。

どうすればいいですか？

Answer 1

manually bootstrap angle jsアプリケーションでも可能です。条件を追加し、ロードするモジュールを決定するのに役立ちます

ここでは手動でブートストラップする方法を説明します。

angular.element(function() { 
    if(/* condition */ { 
    angular.bootstrap(document, ['module1']); 
    } else { 
    angular.bootstrap(document, ['module2']); 
    } 
}); 

Answer 2

角度モジュールを定義して変数を渡す前に、モジュール依存配列を作成できます。設定ファイルとそのロード方法を完全に制御できれば、設定ファイルは単純に依存関係の配列になります。同様に：

var config = ['module1', 'module2']; 
angular.module('app', config); 

これは、複数の設定ファイルがあり、その特定のコンテキストに必要なファイルを読み込むことを前提としています。

あなたは、単一のファイル内のすべてのモジュールの依存関係の設定をしたい場合、あなたはこのようにそれをフォーマットすることができます：アンギュラアプリケーションが定義され（したがってブートストラップ）される前に、それが構成されていますので

var config = { 
    'profileA': [ 'module1' ], 
    'profileB': [ 'module2' ] 
}; 
var currentProfile = 'profileA'; 
angular.module('app', config[currentProfile]); 

、角度wouldn」あなたのモジュールの依存関係がどこから来たのかを調べてください。実際のモジュールの.jsファイルがロードされている限り。あなたはブラウザをリフレッシュせずにプロファイルを変更することはできません。