configuration - 読み込み時に AngularJS アプリを構成する方法は?

Question

私はこのようなことをしたいです（しかし、この機能はこのようには機能しないため、明らかにこれは正確ではありません）

angular.bootstrap( $("#myelement"), ['myModule'], {foo: bar} );

設定オブジェクトを渡したいのですが、1 つのページにアプリの複数のインスタンスを配置したり、設定を変えたりする必要があるかもしれません。自分で作成した「オプション」サービスをオーバーライドするのが最善だと考えていますが、それを行う適切な方法がまだわかりません(簡潔に)。

前もって感謝します！

Answer 1

次のようにしてみてはいかがでしょうか。

angular.module('configFoo', []).run(function() {});

angular.module('configBar', []).run(function() {});

angular.bootstrap(myEl, ['myModule', 'configFoo']);

angular.bootstrap(myOtherEl, ['myModule', 'configBar']);

http://docs.angularjs.org/api/angular.Moduleで利用可能なすべてのモジュール メソッドを確認できます (おそらく .run() と .config() のみに関心があるでしょう)。

Answer 2

どうですか：

1. 構成をロードし、angular をロードします。

   angular.element(document).ready(() => {
   $.get('config', // url to my configuration 
          {},
          function (data) {
              window.config = data;
              angular.bootstrap(document, ['myApp']);
           }
       );
   });
   

2. 構成にアクセスします。

   angular.module('myApp').run(myAppRun);
   
   function myAppRun($window) {
       $window.config; // here I have config
   }