Angular Catch方法不能使用$ http獲取請求

我想從控制器中整齊地管理服務函數調用，同時處理來自API的錯誤。

然而，當我這樣做，我仍然得到this is showing even with 403 and 404 errors在我的控制檯，即使API拋出回403或404

我猜想這可能是工作，如果我在我的服務文件添加catch但我會寧願保持這種管理從控制器。這可能嗎？

控制器：

angular.module('EnterDataCtrl', []).controller('EnterDataController', ['$scope', 'Data', '$state', function ($scope, Data, $state) { 
    vm = this; 
    vm.getRules = function (e, rule_query, data) { 
     if (e.keyCode == 13) { 

      Data.getRules(rule_query,data).then(function (data) { 
       console.log('this is showing even with 403 and 404 errors'); 
      }).catch(function(res) { 
       console.log(res); 
      }); 
     } 
    } 
}]);

服務：

angular.module('EnterDataService', []).factory('Data', ['$http', function ($http) { 

    return { 

     getRules: function getRules(rule_query,data) { 
      var apiBase = apiUrl + 'get-rules'; 
      var config = { 
       handleError:true, 
       params: { 
        rule_query: rule_query, 
        data : data 
       } 
      }; 
      return $http.get(apiBase, config).catch(function() {}); 
     } 

    } 
}]);

來源

2017-03-10 Adrian

的可能的複製[錯誤狀態代碼不被抓住]（http://stackoverflow.com/questions/39166536/error-status-codes-are-not-being-caught）。當拒絕處理程序省略'throw'語句時，它返回'undefined'。這**將被拒絕的承諾轉化爲履行承諾，並解決爲未定義的承諾。 – georgeawg

在你的服務，你建立抓而不做任何事情。這通常是不好的做法，如果你打算使用catch塊，那麼在那裏處理錯誤。如果不是，則根本不要聲明該捕獲。

您可以從服務方法中完全刪除catch，這應該導致您的控制器的catch處理它。

或者，您可以將服務電話留在服務電話中，並確保拋出錯誤，使錯誤正確起泡。

來源

2017-03-10 17:42:06

當拒絕處理程序省略throw語句時，它將返回undefined。這轉換被拒絕承諾履行承諾，解決undefined。

爲了避免意外轉換，重要的是在拒絕處理程序中包含throw語句。

app.service('Data', ['$http', function ($http) { 

    this.getRules = function getRules(rule_query,data) { 
     var apiBase = apiUrl + 'get-rules'; 
     var config = { 
      handleError:true, 
      params: { 
       rule_query: rule_query, 
       data : data 
      } 
     }; 
     //return $http.get(apiBase, config).catch(function() {}); 
     return $http.get(apiBase, config) 
      .catch(function (errorResponse) { 
      console.error("Data service error"); 
      //IMPORTANT 
      throw errorResponse; 
     }); 
    } 
}]);

來源

2017-03-11 09:12:57 georgeawg

Angular Catch方法不能使用$ http獲取請求

回答

相關問題