我的$ HTTP调用服务器链。如果一个呼叫失败我想显示通知用户并停止链。起初，我以为我可以使用$ q.reject停止链，但事实证明程序流继续到下一个然后的错误处理程序。我也曾尝试返回没什么，但流量仍在继续。

我可以停止流动中期链？因此，例如下面的脚本应该打印结果：| A | D | F 而不是结果：| A | D | F | E | H | Ĵ。

如果流量不能停止中旬链，我必须添加额外的条件在每个然后的错误处理，还是有更优雅的方式？

\r\r

\r

\r\r\r

这是阅读提供的链接后，我的结论通过@bmceldowney：

流量将始终转到下一然后，所以为了制止，不提供下一然后上的路径/承诺，需要停止，并把下一然后仅在路径/承诺，需要继续。

在我来说，我不希望在链上的第一个承诺收到错误后继续，所以下然后应在的第二承诺追加的，而不是在第一个然后：

  d0.promise.then（    功能（响应）{        // ...        返回d1.promise.then（//追加下一那么在这里...            // ...        ）.catch（            // ...        ）。最后（            // ...        ）;    }）.catch（    // ...）。最后（    // ...）; // ...而不是在这里 

\r\r

\r

\r\r\r

I have a chain of $http calls to server. If one call fails I want to display notification to user and stop the chain. At first I thought I can use the $q.reject to stop the chain, but it turned out the program flow continues to the next then's error handler. I have also tried returning nothing, but the flow still continues.

Can I stop the flow mid chain? So for example the script below should print result: |A|D|F instead of result: |A|D|F|E|H|J.

If the flow cannot be stopped mid chain, must I add extra condition in each then's error handler, or is there more elegant way?

angular.module("MyModule", []).controller("MyCtrl", ["$scope", "$q", "$timeout",
    function($scope, $q, $timeout) {
        $scope.result = "";
        var d0 = $q.defer();
        $timeout(function() {
            d0.reject("A");       // the promise will fail
        }, 1000);
        d0.promise.then(
            function(response) {
                $scope.result += "|" + response + "|B";
                var d1 = $q.defer();
                $timeout(function() {
                    d1.resolve("C");
                }, 1000);
                return d1.promise;
            },
            function(response) {
                $scope.result += "|" + response + "|D";
                return $q.reject("E");
            }
        ).finally(                // it should stop here ...
            function() { $scope.result += "|F"; }
        ).then(
            function(response) {
                $scope.result += "|" + response + "|G";
            },
            function(response) {  // ... but instead it continues here
                $scope.result += "|" + response + "|H";
                return $q.reject("I");
            }
        ).finally(
            function() { $scope.result += "|J"; }
        )
    }
]);

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-app="MyModule" ng-controller="MyCtrl">
  result: {{result}}
</div>

This is my conclusion after reading the link provided by @bmceldowney:

The flow will always go to the next then, so in order to stop, don't provide the next then on the path / promise that needs to stop, and put the next then only on the path / promise that needs to continue.

In my case I don't want the chain to continue after receiving error on the first promise, so the next then should be appended on the second promise, not on the first then:

d0.promise.then(
    function(response) {
        // ...
        return d1.promise.then(     // append the next then here ...
            // ...
        ).catch (
            // ...
        ).finally(
            // ...
        );
    }
).catch (
    // ...
).finally(
    // ...
);                                  // ... instead of here

angular.module("MyModule", []).controller("MyCtrl", ["$scope", "$q", "$timeout",
    function($scope, $q, $timeout) {
        $scope.result = [];

        var d0 = $q.defer();
        $timeout(function() { d0.reject(); }, 1000);
        
        d0.promise.then(
            function(response) {
                $scope.result.push("d0 successful");

                var d1 = $q.defer();
                $timeout(function() { d1.reject(); }, 1000);
                
                return d1.promise.then(
                    function(response) { $scope.result.push("d1 successful"); }
                ).catch (
                    function(response) { $scope.result.push("d1 failed"); }
                ).finally(
                    function() { $scope.result.push("finally2"); }
                );
            }
        ).catch (
            function(response) { $scope.result.push("d0 failed"); }
        ).finally(
            function() { $scope.result.push("finally1"); }
        );
    }
]);

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-app="MyModule" ng-controller="MyCtrl">
  <p>result:</p>
  <div ng-repeat="msg in result">{{msg}}</div>
</div>