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

Question

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

就像 StackOverflow 问题表一样。 ;-)

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

这是一个暂定图(第一行是用户键入时 textarea 发出的原始值，第二行是我想要获得的； 仅在没有发射的特定延迟 过去后才发出值):

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

实现这一目标的语法是什么？

Answer 1

您可以只使用 debounceTime() operator .

您也可以使用 distinctUntilChanged() 链接它, 以避免重新计算 HTML，例如，如果用户添加两个字符并删除它们