小编Luk*_*umm的帖子

我想使用 RxJS（版本 6）实现加载指示。在异步数据调用完成之前，加载指示器（微调器）将显示在组件中。我有一些规则要执行（这些规则是否正确可能是另一个问题，也许可以发表评论）：

• 如果数据早于 1 秒成功到达，则不应显示任何指示符（并且数据应正常呈现）
• 如果调用失败早于 1 秒，则不应显示任何指示符（并且应呈现错误消息）
• 如果数据迟于 1 秒到达，则应显示至少 1 秒的指示器（为防止闪烁的微调器，数据应在之后呈现）
• 如果呼叫在 1 秒后失败，则指示器应显示至少 1 秒
• 如果通话时间超过 10 秒，则应取消通话（并显示错误消息）

我正在一个 Angular 项目中实现它，但我相信，这不是特定于 Angular 的。

我找到了这个拼图的一些碎片，但我需要帮助将它们组装在一起。

在这个 SO answer 中有一个操作符的实现，它延迟了加载指示器的显示。

本文描述了一个很好但不完整的 Angular 实现。

在这篇 Medium 文章中描述了在最短的时间内显示加载指示器。