有没有办法在AngularJS中的服务之间共享数据?
用例:来自不同服务的数据聚合 例如,我想要一个service1从REST服务加载一些数据。然后,另一个service2将来自另一个REST API的其他数据添加到service1数据中,以创建数据聚合服务。
我基本上是想根据它们使用的API来分离服务,但是仍然有一个服务来最终保存所有数据。
创建使用$q延迟库的第三项服务,以结合使用来自2个API REST调用的承诺$q.all()。
$q
$q.all()
然后将此第三项服务作为依赖项传递给您的控制器,并用于$q.then()合并结果:
$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演示