在AngularJS中使用q的多个链式延迟函数会停止返回数据

Question

我试图将多个延迟函数调用链接在一起，以便下一个调用获取前一个deferred.resolve的结果。 当我将其中两个以上的调用链接在一起时，数据将停止返回。

这是角度控制器内的基本代码：

    $scope.runAsync = function() {
        var asyncFn1 = function(data){
            var deferred = $q.defer();

            $timeout(function(){
                console.log("Async fn1 " + data);
                $scope.outputLines.push("Async fn1 " + data);
                deferred.resolve("Async fn1 " + data);
            },1000);

            return deferred.promise;
        }

        var asyncFn2 = function(data){
            var deferred = $q.defer();

            $timeout(function(){
                console.log("Async fn2 " + data);
                $scope.outputLines.push("Async fn2 " + data);
                deferred.resolve("Async fn2 " + data);
            },1000);

            return deferred.promise;
        }

        asyncFn1(1)
        .then(function(data){asyncFn2(data)})
        .then(function(data){asyncFn2(data)})
        .then(function(data){asyncFn2(data)});
    }

当我运行它时，我得到以下输出：

Async fn1 1
Async fn2 Async fn1 1
Async fn2 undefined
Async fn2 undefined

如何将它们链接在一起，以便第三个调用从第二个调用获得结果，第四个调用从第三个调用获得结果？

我创建了一个jsFiddle： http ： //jsfiddle.net/rhDyL/

Answer 1

摘录自$ q的官方文档：

然后（successCallback，errorCallback） - 无论何时或将要解决或拒绝承诺，只要结果可用，就会异步调用其中一个成功或错误回调。 使用单个参数调用回调结果或拒绝原因。

此方法返回一个新的promise，它通过successCallback或errorCallback的返回值解析或拒绝。

根据Domenic的幻灯片 ，对于successCallack或errorCallback的返回值：

如果返回值是一个promise，则promise将采用返回的promise的状态，否则立即使用返回值调用成功回调

根据定义，您的代码缺少return关键字。 它应该如下：

    asyncFn1(1)
    .then(function(data){return asyncFn2(data)})
    .then(function(data){return asyncFn2(data)})
    .then(function(data){return asyncFn2(data)});