Angular - 取消以前的搜索请求并仅保留最后一个

Question

我有一个 HTTP 请求

searchService() {
    return this.httpClient.get(URL);
}

我是这样订阅的

search() {
   this.service.searchService().subscribe((data) => { });
}

我的问题是，这需要几秒钟的时间，如果有人使用不同的搜索键多次点击，结果取决于请求的速度。

所以，我想取消所有以前的订阅并只保留最后的搜索

Answer 1

您将需要使用一些 rxjs 运算符，即 debounceTime、distinctUntilChanged 和 switchMap 以确保您不会发送太多API 调用，并且您仅获得最新请求的结果。

查看这篇文章以获取详细示例:
https://alligator.io/angular/real-time-search-angular-rxjs/