AngularJS ngResource : How to always use the same catch function?

Question

每次我使用任何 $resource 访问服务器时，我都希望在失败时向我的用户显示相同的警报。

今天看起来是这样的:

function tryAgain() { alert("try again") }
myResource.query().$promise.catch(tryAgain);
myResource.update(...).$promise.catch(tryAgain);
myResource.delete(...).$promise.catch(tryAgain);
otherResource.query().$promise.catch(tryAgain);

有没有办法为ngResource配置默认的错误处理函数？我正在寻找类似的东西:

$resource.somethingMagicHere.defaults.catch(tryAgain);

Answer 1

您可以使用interceptor在您的 app.config() 部分。这将捕获源自 $resource 使用的 $http 的所有响应错误。

$httpProvider.interceptors.push(function($q) {
  return {
    'responseError': function(response) {
      if (response.status == 401) {
        // Handle 401 error code
      }
      if (response.status == 500) {
        // Handle 500 error code
      }

      // Always reject (or resolve) the deferred you're given
      return $q.reject(response);
    }
  };
});