Question

我很困惑，或者可能不了解角度承诺是如何运作的。我正在尝试为我的错误处理编写一些代码块，但我发现它总是在我的控制器中执行成功块。但是我在我的服务中也写了成功和错误，因为我需要在我的回复中进行一些转换。我看到它在服务中执行错误块是完全没问题，但同样的承诺在我的控制器中执行成功块。

HTML

<div ng-app="myApp">
    <div ng-controller="MainController">
         <h1>{{data}}</h1>
    </div>
<div>

JS

angular.module('services', []).service('myService', function($http) {
   this.getData = function() {
    return $http.get('test.json').then(function (response) {
        console.log(response);
        return response.data;
      },function(data) {
       console.log("Error block of service");
      });
   }
});


var app = angular.module('myApp', ['services']);

app.controller('MainController', ['$scope', 'myService', function ($scope, myService) {
    // Call the getData and set the response "data" in your scope.  
    myService.getData().then(function(myReponseData) {
        console.log("Success block of controller");
        $scope.data = myReponseData;
    },function(data) {
        console.log("Error block of controller");
        $scope.data = "Error " + data;
    });
}]);

我在小提琴中重现同样的问题。看看JSFiddle

Answer 1

因为Promise的设计工作原理。

如果您在catch块内返回任何内容，则无论您返回什么内容都会成为链中下一个链接的success。

唯一的两种方法是：

在您的捕获中重新出现错误
在您的捕获中返回被拒绝的承诺

这是一个更简单的例子：

Promise.reject(5)
  .catch(x => x * 2)
  .catch(err => console.log("THIS NEVER FIRES"))
  .then(x => console.log("Value is: ", x));
  // => "Value is: 10"

Promise.reject(5)
  .catch(x => Promise.reject(x * 2))
  .then(x => console.log("THIS NEVER FIRES"))
  .catch(err => console.log("Error is:", err));
  // => "Error is: 10"

Answer 2

在拒绝处理程序中，重要的是重新抛出错误。否则被拒绝的承诺将转换成为成功的承诺：

angular.module('services', []).service('myService', function($http) {
   this.getData = function() {
    return $http.get('test.json').then(function (response) {
        console.log(response);
        return response.data;
      },function(errorResponse) {
        console.log("Error block of service");
        //IMPORTANT re-throw error 
        throw errorResponse;
      });
   }
});

有关详细信息，请参阅You're Missing the Point of Promises。

即使服务返回404

2 个答案: