angularjs - AngularJSサービス間でのデータの共有

Question

AngularJSのサービス間でデータを共有する方法はありますか？

ユースケース：さまざまなサービスからのデータ集約
たとえば、RESTサービスからいくつかのデータをロードするservice1が必要です。次に、別のservice2が別のREST APIからのservice1データに追加データを追加して、データ集約サービスを作成します。

基本的に、使用するAPIに基づいてサービスを分離したいのですが、それでも最終的にすべてのデータを保持するサービスがあります。

Answer 1

遅延ライブラリを使用する 3 番目のサービスを作成し、 を使用し$qて 2 つの API REST 呼び出しからの約束を結合します$q.all()。

次に、この 3 番目のサービスを依存関係としてコントローラーに渡し$q.then()、結果を結合するために使用します。

var app = angular.module('angularjs-starter');

app.factory('API_1',function($http){    
      return $http.get('dataSource-1.json');   
})

app.factory('API_2',function($http){    
      return $http.get('dataSource-2.json');   
});

app.factory('API_3',function($q,API_1,API_2){ 
 return $q.all([API_1,API_2]);
})
/* add "$q" and "API_3" as dependencies in controller*/
app.controller('MainCtrl', function($scope,$q,API_3) {

  $q.when(API_3).then(function(results) {
    /* combine the 2 API results arrays*/
    $scope.combinedData=[results[0].data,results[1].data];    

  });    


});

デモ:プランカーのデモ

Answer 2

サービスは別のサービスに依存する可能性があるため、これは機能します。

myApp.factory('myService1', function() {});
myApp.factory('myService2', function(myService1) {});

両方が相互に依存することはできないことに注意してください。そうしないと、Circular dependencyエラーが発生します。