有沒有在AngularJS服務之間共享數據的方法?在AngularJS服務之間共享數據
用例:來自不同服務的數據聚合
例如,我想要一個從REST服務加載一些數據的服務1。然後,另一個service2將附加數據添加到來自另一個REST API的service1數據以創建數據聚合服務。
我基本上想根據它們使用的API來分離服務,但仍然有一個服務來保存所有數據。
有沒有在AngularJS服務之間共享數據的方法?在AngularJS服務之間共享數據
用例:來自不同服務的數據聚合
例如,我想要一個從REST服務加載一些數據的服務1。然後,另一個service2將附加數據添加到來自另一個REST API的service1數據以創建數據聚合服務。
我基本上想根據它們使用的API來分離服務,但仍然有一個服務來保存所有數據。
創建第三個服務,該服務使用$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
由於服務可以依賴於其他服務,這將工作:
myApp.factory('myService1', function() {});
myApp.factory('myService2', function(myService1) {});
注意,他們不能都依賴於對方,否則你會得到一個錯誤Circular dependency
。