angularjs - 如何在 Angular JS 中取消挂起的 API 调用

Question

我有一个搜索框，对于用户键入的每个字母，我都会进行 4 个 API 调用。如果用户键入一个长单词，许多 API 调用将进入挂起状态。对于用户键入的每个新字母，如果之前的调用处于待定状态，我如何检查和取消。

FController.prototype.typeAheadSearch = function (query) {
    var this_ = this;
    var dfd = this.$q.defer();
    this.$q.all([this.TypeAheadFactory.API.A(query),
                 this.TypeAheadFactory.API.B(query),
                 this.TypeAheadFactory.API.C(query),
                 this.TypeAheadFactory.API.D(query)])
        .then(function (responses) {

    // to do
            dfd.resolve(results);
        });

    return dfd.promise;
}

Answer 1

您可以拦截请求和响应并对其进行处理。 angularjs中有一个拦截器的概念。可以在这里找到更多信息: https://docs.angularjs.org/api/ng/service/ $http

希望这对您有所帮助。