Question

我有以下angularjs代码：

$scope.clients = commonFactory.getData(clientFactory.getClients());
if ($scope.clients.length > 0) {
    $scope.sampleForm.ClientId = $scope.clients[0].ClientId;
}

commonFactory中的getData函数：

factory.getData = function (method) {
    method.then(function (response) {
        return response.data;
    }, function (error) {
        $rootScope.alerts.push({ type: 'error', msg: error.data.ExceptionMessage });
    });
};

问题是，由于异步调用，$ scope.clients.length在到达该行时未定义。

在我知道$ scope.clients已被分配之前，有没有办法不进行长度检查？我看过这样的事情：

$scope.clients = commonFactory.getData(clientFactory.getClients()).then(function () {
    if ($scope.clients.length > 0) {
        $scope.sampleForm.ClientId = $scope.clients[0].ClientId;
    }
});

尝试链接我的then承诺，但没有骰子......这里的目标是让getData方法避免一堆样板代码来捕获错误...也许我会发生这个错误？

Answer 1

这是承诺的最基本情况。您只需在开始异步操作时使用var deferred = $q.defer()进行承诺，在异步操作完成时使用deferred.resolve(result)解析承诺，并在函数中返回deferred.promise。 Angular的异步方法在内部执行此操作并且已经返回promise，因此您可以返回相同的promise，而不是使用$q.defer()创建新的promise。您可以将.then附加到返回承诺的任何内容。此外，如果您从then函数返回一个值，该值将包含在一个promise中，以便then链可以继续

angular.module('myApp', [])

.factory('myService', function($q, $timeout, $http) {
  return {
    myMethod: function() {
      // return the same promise that $http.get returns
      return $http.get('some/url');
    }
  };
})

.controller('myCtrl', function($scope, myService) {
  myService.myMethod().then(function(resp) {
    $scope.result = resp.data;
  });
})

链接更加有趣：

.factory('myService', function($q, $timeout, $http) {
  return {
    myMethod: function() {
      // return the same promise that $http.get returns
      return $http.get('some/url').then(function() {
        return 'abc';
      });
    }
  };
})

.controller('myCtrl', function($scope, myService) {
  myService.myMethod().then(function(result) {
    console.log(result); // 'abc'
    return someOtherAsyncFunc(); // for example, say this returns '123'
  }).then(function(result) {
    console.log(result); // '123'
  });
})

等待承诺？

1 个答案: