有没有办法在 AngularJS 中的服务之间共享数据?
用例:来自不同服务的数据聚合
例如,我想要一个从 REST 服务加载一些数据的 service1。然后另一个 service2 从另一个 REST API 将附加数据添加到 service1 数据以创建数据聚合服务。
我基本上想根据它们使用的 API 来分离服务,但最终仍然有一个服务来保存所有数据。
有没有办法在 AngularJS 中的服务之间共享数据?
用例:来自不同服务的数据聚合
例如,我想要一个从 REST 服务加载一些数据的 service1。然后另一个 service2 从另一个 REST API 将附加数据添加到 service1 数据以创建数据聚合服务。
我基本上想根据它们使用的 API 来分离服务,但最终仍然有一个服务来保存所有数据。
创建第三个服务,该服务使用$q
延迟库来组合来自 2 个 API REST 调用的承诺,使用$q.all()
.
然后将这第三个服务作为依赖项传递给您的控制器,并用于$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];
});
});
演示:Plunker 演示
由于一个服务可以依赖于另一个服务,这将起作用:
myApp.factory('myService1', function() {});
myApp.factory('myService2', function(myService1) {});
请注意,它们不能都相互依赖,否则会Circular dependency
出错。