如何从 AngularJs 中的其余客户端发出 $http 请求？

Question

在第一个服务中通过$http请求，然后想在其他服务中操作数据时出现这种情况。由于某些原因，我返回的对象是空的。有什么建议吗？

.factory('widgetRestService',['$http','$log',function($http,$log){

  var serviceInstance = {};
  serviceInstance.getInfo = function(){
    var request = $http({method: 'GET', url: '/rest/widgets/getListInfoDashboards'})
      .then(function(success){
        serviceInstance.widgets = success.data;
        $log.debug('serviceInstance.widgets SUCCESS',serviceInstance.widgets);
      },function(error){
        $log.debug('Error ', error);
        $log.debug('serviceInstance.widgets ERROR',serviceInstance.widgets);
      });
    return request;
  };

  serviceInstance.getAllWidgets = function () {
    if (serviceInstance.widgets) {
      return serviceInstance.widgets;
    } else {
      return [];
    }
  };

  return serviceInstance;

}])

.factory('OtherService',['widgetRestService','$log', function(widgetRestService, $log){

   widgetRestService.getInfo();

   // and now I want to return widgetRestService.widgets [{things},{things},{things}]
  return widgetRestService.getAllWidgets(); // returns []

 }])

Result: [ ]

Answer 1

您必须等待 HTTP 请求完成，然后才能尝试访问它 returns 的数据。您可以通过访问附加到 getInfo.

返回的 Promise 的 then 中的 getAllWidgets 来完成此操作

.factory('OtherService', ['widgetRestService','$log', function(widgetRestService, $log) {
   return widgetRestService.getInfo().then(function () {
       return widgetRestService.getAllWidgets();
   });
 }])

在某处消费OtherService：

OtherService.then(function (widgets) {
    // do something with `widgets`...
});

Answer 2

widgetRestService.getInfo() 正在返回一个承诺，因此您必须等待其解决：

.factory("OtherService", ["widgetRestService", "$log", "$q"
function (widgetRestService, $log, $q) {

  var deferred = $q.defer();

  widgetRestService.getInfo().then(function () {
     // only here, you're sure `serviceInstance.widgets` has been set (unless an error occurred when requesting the api)
    deferred.resolve(widgetRestService.getAllWidgets());
  });

  return deferred.promise;

}])

然后，例如在控制器中：

.controller("SomeController", ["$scope", "OtherService"
function ($scope, OtherService) {

  OtherService.then(function (allWidgets) {
    $scope.allWidgets = allWidgets;
  });

}])

Answer 3

看来您必须return承诺而不是响应才能从其他服务获取数据。

serviceInstance.getInfo = function(){
var deferred = $q.defer();
$http({method: 'GET', url: '/rest/widgets/getListInfoDashboards'})
    .then(function(success){
        deferred.resolve(success.data);
    },function(error){
        $log.debug('Error ', error);
        $log.debug('serviceInstance.widgets ERROR',serviceInstance.widgets);
    });
return deferred.promise;
};

如何从 AngularJs 中的其余客户端发出 $http 请求？

How to make a $http request from the rest client in AngularJs?

angularjs

angular-http

angular-promise