RXJS如何进行多次点击上次事件？

Question

如何使用RXJ进行上次点击事件，以防止每个按钮点击的多个API调用？ 我有一个机制，存在下一个按钮，该按钮会增加客户端＃＃。 如果用户单击以正常速度单击下一个按钮，请接一个地获取下一个客户端插槽数据。但是，如果用户多次又一次地单击一个快速的单击，我不想仅仅显示终于打电话给API，因为它浪费了。由于用户无法遵循屏幕上的数据更改，因此我想根据最后一个递增的客户端＃＃显示最新的点击触发数据。

使用debounctime用法，我可以实现它，但是没有debouncetime用法可以实现吗？

先感谢您。

Answer 1

让使用 switchmap for -a> - 它将取消不必要的API请求

示例：

const yourHttpRequest$ = new Subject<InputApiData>();
const yourHttpResponse$: Observable<ClientData> = yourHttpRequest$.pipe(switchMap(
  inputApiData => this.httpService.getClientData(inputApiData)));
yourHttpResponse$.subscribe(clientData => { 
  // your logic to execute after API call was done
  });
yourHttpRequest$.next(inputApiData); // calling API

您有两个按钮，可以触发API调用。您可以将API调用放入点击事件处理程序中。