非同期サービスで複数の$ http.getを避ける

Question

$ http.get（）で取得するサービスを作成しました。

私のサービスは、いくつかのUI要素をレンダリングする指示文で使用されます。サービスは非同期です。これは、myService.getStuff（）のような指示コードで使用され、$ http.get promiseのコールバック内からカスタマイズされた約束を返します。

しかし、私のサービスでは、アプリケーションのライフサイクル中に$ http.getを1回呼び出すだけです。 http.getレスポンスをキャッシュします。

だから、私は自分のhtmlでこのディレクティブを2回使います。それで、これは私が望むものです。最初にそれを呼び出すと（すぐに戻り、）$ http.get経由でものを取り出します。 2回目に呼び出されると、$ http.getへの未処理呼び出しが検出されます。したがって$ http.getへの別の呼び出しは行いませんが、何とか最初の呼び出しの戻りを待っています。

Answer 1

あなたは$http

return $http.get(/*...*/, { cache: true }).then(/*...*/); 

またはちょうどあなたのサービスで約束をキャッシュの内部cacheを使用する場合があります。あなたがuirouterを使用している場合

function MyService($http) { 
    var promise; 

    this.get = function() { 
     promise = promise || $http.get(/*...*/).then(/*...*/); 
     return promise; 
    } 
} 

は、別の方法は、親状態のデータresolveにあり、そして、すべてのコンポーネントに分解さデータを注入します。これまでの任意の後続の呼び出しは、キャッシュされた値を使用します

$http.get(yourUrl, {cache: true}) 
    .then(...) 

：

Answer 2

設定cacheこのようなtrueへ。