RxJS - 仅在特定的空闲延迟后发出

Question

我有一个表单，用户可以在文本区域中输入 markdown 格式的文本。我想展示一个准实时预览在字段旁边显示解析后的降价

与 StackOverflow 问题表单完全相同。;-)

文本区域的值是通过 RxJS Observable 发出的，但我不想刷新每个新值的预览。相反，我只想在用户停止输入 500 毫秒后刷新预览刷新预览。

这是一个暂定图（第一行是用户键入时文本区域发出的原始值，第二行是我想要获得的值；只有在经过了没有发射的特定延迟后才发出值）：

t---t--ttt------tt-ttt------t---|
----------------t-----------t---|

实现此目的的语法是什么？

Answer 1

您可以只使用debounceTime() 运算符。

您还可以将其与 , 链接起来distinctUntilChanged()，以避免在用户添加两个字符并删除它们时重新计算 HTML