在AngularJS服务之间共享数据

Question

有没有在AngularJS服务之间共享数据的方法？

用例：来自不同服务的数据聚合
例如，我想要一个从REST服务加载一些数据的服务1。然后，另一个service2将附加数据添加到来自另一个REST API的service1数据以创建数据聚合服务。

我基本上想根据它们使用的API来分离服务，但仍然有一个服务来保存所有数据。

Answer 1

创建第三个服务，该服务使用$q延迟库来合并来自使用$q.all()的2个API REST调用的承诺。

然后通过第三服务到控制器的依赖和使用$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];  

    });  


}); 

DEMO：Plunker Demo

Answer 2

由于服务可以依赖于其他服务，这将工作：

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

注意，他们不能都依赖于对方，否则你会得到一个错误Circular dependency。