在AngularJS服务之间共享数据
是否有办法在AngularJS中的服务之间共享数据? 用例:来自不同服务的数据聚合在AngularJS服务之间共享数据,angularjs,angularjs-service,Angularjs,Angularjs Service,是否有办法在AngularJS中的服务之间共享数据? 用例:来自不同服务的数据聚合 例如,我想要一个service1,它从REST服务加载一些数据。然后,另一个service2从另一个restapi向service1数据添加其他数据,以创建数据聚合服务 我基本上希望根据它们使用的API来分离服务,但最终仍然有一个保存所有数据的服务 由于一个服务可以依赖于另一个服务,这将起作用: myApp.factory('myService1', function() {}); myApp.factory('
例如,我想要一个service1,它从REST服务加载一些数据。然后,另一个service2从另一个restapi向service1数据添加其他数据,以创建数据聚合服务
我基本上希望根据它们使用的API来分离服务,但最终仍然有一个保存所有数据的服务 由于一个服务可以依赖于另一个服务,这将起作用:
myApp.factory('myService1', function() {});
myApp.factory('myService2', function(myService1) {});
请注意,它们不能相互依赖,否则会出现循环依赖性错误。创建第三个服务,该服务使用
$q
延迟库,使用$q.all()
组合来自2个API REST调用的承诺
然后将第三个服务作为依赖项传递给控制器,并使用$q.Then()
组合结果:
var-app=angular.module('angularjs-starter');
app.factory('API_1',函数($http){
返回$http.get('dataSource-1.json');
})
app.factory('API_2',函数($http){
返回$http.get('dataSource-2.json');
});
应用程序工厂('API_3',函数($q,API_1,API_2){
返回$q.all([API_1,API_2]);
})
/*在控制器中添加“$q”和“API_3”作为依赖项*/
应用控制器('MainCtrl',函数($scope,$q,API_3){
$q.when(API_3)。然后(函数(结果){
/*组合2个API结果数组*/
$scope.combinedData=[results[0]。数据,结果[1]。数据];
});
});
演示: