可观察对象：取消新订阅呼叫上的先前的HTTP请求

我正在为我的项目开发搜索功能。用户在搜索栏上键入任何内容后；搜索文本发生任何更改时，我都会将文本发送到后端进行验证并收到响应（文本错误或无错误）：

this.searchBar.on('change', () => {

    http.post('api_link', {searchText: 
       this.serachBar.searchText}).subscribe(resp => {
            this.resp = resp['Result'];
       });
    })

现在，当用户不断在搜索栏中键入内容时，后端会收到多个验证响应。但是，在进行任何新更改时，只有最新的订阅才有效，并且以前对api的任何调用都是无用的。

有什么办法可以使用订阅取消对api的任何新调用上的先前订阅？

注意：似乎可以等待所有响应，但是我还将在搜索栏下方显示响应（直到那时显示一个加载程序）。因此，我希望加载程序一直加载直到最新的响应可用，而不是在各种响应状态之间转换。