在AngularJS服务之间共享数据

发布时间：2020-12-17 07:59:39 所属栏目：安全来源：网络整理

导读：有没有办法在AngularJS中的服务之间共享数据？使用案例：来自不同服务的数据聚合例如,我想要一个从REST服务加载一些数据的service1.然后,另一个service2将另外的数据添加到另一个REST API的service1数据中,以创建数据聚合服务. 我基本上想要根据他们使用的

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

使用案例：来自不同服务的数据聚合
例如,我想要一个从REST服务加载一些数据的service1.然后,另一个service2将另外的数据添加到另一个REST API的service1数据中,以创建数据聚合服务.

我基本上想要根据他们使用的API来分离服务,但仍然拥有一个最终保存所有数据的服务.

创建第三个使用$q延迟库的服务,使用$q.all()组合来自2个API REST调用的promise.

然后将此第三个服务作为依赖项传递给您的控制器,并使用$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 Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!