アプリの構成、angular.jsのカスタムプロバイダー内で$ httpを使用する

Question 1

主な質問-それは可能ですか？運が悪かった

メインapp.js

...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {

}]);
...

プロバイダー自体

var services = angular.module('services', []);
services.provider('custom', function ($http) {
});

そして私はそのようなエラーを持っています：

Uncaught Error: Unknown provider: $http from services

何か案は？

ありがとう！

Question 2

一番下の行は：

プロバイダー構成セクションにサービスを注入することはできません。
あなたは、CAN、プロバイダのサービスを初期化セクションにサービスを注入します。

詳細：

Angularフレームワークには2フェーズの初期化プロセスがあります。

フェーズ1：構成

このconfigフェーズでは、すべてのプロバイダーが初期化され、すべてのconfigセクションが実行されます。configセクションは、プロバイダオブジェクトを構成し、したがって、それらは、プロバイダオブジェクトを注入することができるコードを含んでいてもよいです。ただし、プロバイダーはサービスオブジェクトのファクトリーであり、この段階ではプロバイダーは完全に初期化/構成されていないため、この段階でプロバイダーにサービスの作成を依頼することはできません->使用できない構成段階では/サービスを注入します。このフェーズが完了すると、すべてのプロバイダーの準備が整います（構成フェーズが完了すると、プロバイダーの構成を行うことができなくなります）。

フェーズ2：実行

中にrun相すべてのrunセクションが実行されます。この段階でプロバイダーは準備ができており、サービスを作成できます-> runフェーズ中にサービスを使用/注入できます。

例：

1.注入`$http`プロバイダの初期化関数にサービスをするわけではありません作業

//ERRONEOUS
angular.module('myModule').provider('myProvider', function($http) {
    // SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase)
    ...

    this.$get = function() {
        // code to initialize/configure the SERVICE goes here (executed during `run` stage)

        return myService;
    };
});

フェーズ$http中に実行される関数にサービスを注入しようとしているconfigため、エラーが発生します。

Uncaught Error: Unknown provider: $http from services

このエラーが実際に言っているのは$httpProvider、$httpサービスの作成に使用されるがまだ準備されていないということです（まだconfigフェーズにあるため）。

注入2. `$http`サービスの初期化関数へのサービスWILLの仕事を：

//OK
angular.module('myModule').provider('myProvider', function() {
    // SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase)
    ...

    this.$get = function($http) {
        // code to initialize/configure the SERVICE goes here (executed during `run` stage)

        return myService;
    };
});

サービスをサービス初期化関数に挿入しているため、runフェーズ中に実行され、このコードが機能します。

Question 3

これはあなたに小さなレバレッジを与えるかもしれません：

var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');

ただし、成功/エラーのコールバックによって、アプリの起動とサーバーの応答の間の競合状態が続く可能性があることに注意してください。

Question 4

これは古い質問です。ライブラリのコア機能に依存したい場合、鶏卵の問題が発生しているようです。

基本的な方法で問題を解決する代わりに、私はバイパスしました。ボディ全体をラップするディレクティブを作成します。例

<body ng-app="app">
  <div mc-body>
    Hello World
  </div>
</body>

今mc-body（1回）、EXレンダリングの前に初期化する必要があります。

link: function(scope, element, attrs) {
  Auth.login().then() ...
}

Auth サービスまたはプロバイダーです。

.provider('Auth', function() {
  ... keep your auth configurations
  return {
    $get: function($http) {
      return {
        login: function() {
          ... do something about the http
        }
      }
    }
  }
})

私はブートストラップの順序を制御しているように思えますが、それは通常のブートストラップがすべてのプロバイダー構成を解決してからmc-bodyディレクティブを初期化しようとした後です。

そして、このディレクティブはルーティングよりも先にあるように思えます。ルーティングもディレクティブexを介して注入されるためです。<ui-route />。しかし、私はこれについて間違っている可能性があります。さらに調査が必要です。

Question 5

あなたの質問「何かアイデアはありますか？」に対して、私は「はい」で答えるでしょう。しかし、待ってください、まだまだあります！

構成でJQueryを使用することをお勧めします。例えば：

var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
    $.ajax({
        url: 'www.something.com/api/lolol',
        success: function (result) {
            $anyProvider.doSomething(result);
        }
    });
}]);