Rxjs Rx中的预取逻辑

我正在尝试在rx.js中实现我自己的预取逻辑。以下是大理石图的示例：

我将问题建模如下：有一系列提示，让我的程序知道用户可能想要单击某个链接。我想立即发送一个请求，但仅当用户确实单击了链接时才呈现结果

基于此，当用户单击链接时，可能（至少）发生3件事：

已从服务器返回正确的结果

请求仍在进行中

（特别）没有请求（已完成或正在进行），因为用户不知何故没有首先触发提示

一些额外要求：

• 只有最新提示才会有正在进行的请求（即取消以前的请求）
• 一旦用户单击链接，在呈现结果之前，新提示不应触发请求
• 新的点击会触发新的请求并取消以前的请求

我实际上已经找到了一个解决方案，但它很复杂，可能不正确，我主要想知道是否有更好的方法来实现它（见下文）。

编辑：现在在中实现