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

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

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

这是一个暂定图(第一行是用户输入时textarea发出的原始值,第二行是我想要获得的值;仅当经过特定的延迟且无发射时才发出值):

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


实现该目标的语法是什么?

最佳答案

您可以只使用debounceTime() operator

您还可以将其与distinctUntilChanged()链接起来,以避免在用户例如添加两个字符并将其删除的情况下重新计算HTML。

07-24 12:40