我有一个表单,用户可以在文本区域中输入降价格式的文本。我想在该字段旁边显示已解析降价的准实时预览。
就像StackOverflow问题表单一样。 ;-)
textarea的值通过RxJS Observable发出,但我不想为每个新值刷新预览。相反,我只想在用户停止键入500毫秒后刷新预览。
这是一个暂定图(第一行是用户输入时textarea发出的原始值,第二行是我想要获得的值;仅当经过特定的延迟且无发射时才发出值):
t---t--ttt------tt-ttt------t---|
----------------t-----------t---|
实现该目标的语法是什么?
最佳答案
您可以只使用debounceTime() operator。
您还可以将其与distinctUntilChanged()
链接起来,以避免在用户例如添加两个字符并将其删除的情况下重新计算HTML。