使用 .always().error() 语法表示 Angular $q promises

Question

我只是为我们的 REST API 实现了围绕$http的薄包装器，我希望它以与$http相同的方式返回承诺（在我处理数据之后）。

这是我的服务：

Services.service('Item', ['$http', '$q', function($http, $q){
    var deferred = $q.defer();
    var getSuccess = function(data, status, headers, config){
        var item = angular.copy(data);
        item.primaryImage = 'https://my.cdn.com/' + item.meta.images[0].s3id;
        if(item.meta.source_link !== null) {
            item.sourceLink = item.meta.source_link.url;
        }
        deferred.resolve(item, data, status, headers, config);
    };
    var getError = function(data, status, headers, config) {
        deferred.reject(data, status, headers, config);
    };
    this.get = function(userID, itemID) {
        $http({
            method: 'GET',
            url: '/api/items/' + userID + '/' + itemID
        }).success(getSuccess).error(getError);
        return deferred.promise;
    };
}]);

但是根据我对文档的理解，我必须使用.then(success, error, always)而不是像$http那样使用.success().error().always()。

是否有可能像$http那样履行承诺？我很想这样做

var req = Item.get($routeParams.userID, $routeParams.itemID);
req.success(function(item){
        window.console.log('Got an item!', item);
    });
    .error(function(item){
        window.console.log('Damn. It failed.')
    })

Answer 1

这个问题

让我在了解了你真正想要的东西后搜索了一下。

我

做了一个 plnkr 展示我是如何解决这个问题的：http://plnkr.co/edit/LoCuwk26MEZXsugL1Ki5

现在，重要的部分是：

var promise = defered.promise;
  promise.success = function(fn) {
    promise.then(function(res) {
      fn(res);
    });
    return promise;
  };
  promise.error = function(fn) {
    promise.then(null, function(err) {
      fn(err);
    });
    return promise;
  };

  return promise

此代码直接来自角度源代码。所以我相信如果你想复制这种风格，这是要走的路。

不过，我确实注意到您的代码中存在错误。所有服务都是单例。这意味着您只创建一个延迟对象。您应该在每次调用时创建一个并使用它。