angularjs - ブートストラップ時に AngularJs にカスタム ヘッダーを追加する

Question

と という 3 つのchococalateApp他のモジュールに依存するという角度付きアプリがあるとします。ProductSalesLogIn

現在、私のアプリは RESTful API で構築されています。ログインが成功すると、サーバーは認証トークンを送り返すことで応答します。サービスが使用されるX-AUTHたびに、このトークンをカスタム ヘッダーとして追加したいと考えています。$http私のすべての REST API は認証トークンを必要とするため、すべての要求にこのヘッダーを追加する必要があります$http。これは、以下に示すように $httpProvider を構成することで実行できます。

angular.module('chocolateApp',['Product','Sales','Login'])
  .config(['$httpProvider', function($httpProvider){
     $httpProvider.defaults.headers.common['X-AUTH'] = 'randomkeybyserver'
 }
])

私の質問は、モジュールがブートストラップされた後に認証トークンの値を注入できますか?

たとえば、LogInモジュール内に認証を実行できるサービスがあり、必要なトークンを取得しました。chocolateAppトークンをメインモジュールに戻して構成するにはどうすればよいですか? これは循環依存になりますか、それとも私の DI の理解が間違っているのでしょうか?

これが達成できない場合、これをどのように設計する必要がありますか?