AngularJS - 无法获得 $q.reject 和工作

Question

看看我的代码示例：

我已将其简化为（我认为是）最基本的内容，并且我正在设置错误deferred.reject is not a function

angular
    .module('myApp')
    .service('myService', MyService);

MyService.$inject = ['$http', '$q'];

function MyService($http, $q) {
    var self = this;

    self.getResult = getResult;

    function getResult(id) {
        var deferred = $q.defer();

        deferred = $http.get('my/api/method', { params: { id: id } })
            .then(getResultCompleted)
            .catch(getResultFailed);

        function getResultCompleted(response) {
            if (response.data.ID > 0) {
                deferred.resolve(response.data);
            } else {
                deferred.reject(response);
            }
        }

        function getResultFailed(response) {
            deferred.reject(response);
        }

        return deferred.promise;
    }
}

注意：我知道我可以通过简单地返回 $http 调用的结果来让它工作，但是为了理解这些承诺对象，我想看看我是否能得到这个通过声明和返回deferred 来工作，如上所示

谢谢！

Answer 1

您正在创建自定义 Promise 并从您的方法中返回它，但意味着在处理它时您正在用 $http.get 覆盖 deferred(custom Promise object)，它还返回具有 .then 和 .catch 的 Promise方法（没有resolve & reject 方法）。由于该分配，您无法从 deferred 对象访问 .resolve 和 .reject。

deferred = $http.get('my/api/method', { params: { id: id } })

应该只是

$http.get('my/api/method', { params: { id: id } })

Answer 2

由于$http.get() 返回promise 并且成功回调支持链接API，您可以在回调中定义新的延迟对象并从那里返回：

angular
    .module('myApp')
    .service('myService', MyService);

MyService.$inject = ['$http', '$q'];

function MyService($http, $q) {
    var self = this;

    self.getResult = getResult;

    function getResultCompleted(response) { // Tip: Define callback outside of getResult in order to avoid creating new instance of it each time getResult is called
        var deferred = $q.defer();
        if (response.data.ID > 0) {
            deferred.resolve(response.data);
        } else {
            deferred.reject(response);
        }
        return deferred.promise;
    }

    function getResult(id) {
        return $http.get('my/api/method', { params: { id: id } })
            .then(getResultCompleted);
    }
}

注意，不再有错误回调（只是因为在这种情况下它是多余的）。

如果请求失败，将返回来自$http.get() 的原始拒绝promise，否则将使用来自成功回调的全新promise 用于后续.then() 调用。