AngularJS $resource Error Handing with Callback

Question

我有一个工厂，其中有多个服务用于查询我构建的自定义API。回调都可以工作，但我想知道如何在抓取时处理任何错误。

.factory('customApiService', function ($resource) {
      return {
          yelp: function (businessId, callback) {
              var api = $resource('../../api/Yelp/:businessId', {
                  businessId: businessId
              }, {
                  fetch: 'JSONP',
                  'query': { isArray: false }
              });
              api.fetch(function (response) {
                  callback(response);
              });
          },
          tripAdvisor: function (hotelId, callback) {
              var api = $resource('../../api/TripAdvisor/:hotelId', {
                  hotelId: hotelId
              }, {
                  fetch: 'JSONP',
                  'query': { isArray: false }
              });
              api.fetch(function (response) {
                  callback(response);
              });
          }
      }
  });

和一个在控制器中使用这个工厂的例子:

.controller('yelpCtrl', [
  '$scope', 'customApiService', function ($scope, customApiService) {
      customApiService.yelp("yelpIdHere", function (d) {
          //On successful callback run code
      });
      customApiService.tripAdvisor("tripAdvisorIdHere", function (d) {
          //On successful callback run code
      });
   }
])

当前，如果有任何错误的响应(404、500、504等)，则不会触发回调。

Answer 1

不得不改变我的工厂返回一个errorCallback以及一个成功的回调:

.factory('customApiService', function ($resource) {
  return {
      yelp: function (businessId, callback, errorCallback) {
          var api = $resource('../../api/Yelp/:businessId', {
              businessId: businessId
          }, {
              fetch: 'JSONP',
              'query': { isArray: false }
          });
          api.query(function (response) {
              callback(response);
          },
          function (error) {
              errorCallback(error);
          });
      },
      tripAdvisor: function (hotelId, callback, errorCallback) {
          var api = $resource('../../api/TripAdvisor/:hotelId', {
              hotelId: hotelId
          }, {
              fetch: 'JSONP',
              'query': { isArray: false }
          });
          api.query(function (response) {
              callback(response);
          },
          function (error) {
              errorCallback(error);
          });
      }
  }
});

现在在控制器中，我有第二个函数作为我的工厂调用的参数，它将处理任何错误:

.controller('yelpCtrl', [
  '$scope', 'customApiService', function ($scope, customApiService) {
      customApiService.yelp("yelpIdHere", function (d) {
          //On successful callback run code
      },
      function(e){
          //Do error handling here
      });
      customApiService.tripAdvisor("tripAdvisorIdHere", function (d) {
          //On successful callback run code
      },
      function(e){
          //Do error handling here
      });
   }
])

这个回答似乎有帮助

Answer 2

解决方案可能是使用$promise。ngResource实例和集合都有$promise，所以不要使用$resource对象，而要使用伴随success, error, finally方法的promise。参见$q doc