我们在如下图输入框里输入至少三个字符后,就会触发一个向 Commerce 后台的 product 搜索动作:
form 事件的数据源就是 this.form.valueChanges. 从语义上讲,每次 form 里的 input 控件值发生变化,即用户有新的输入时,this.form.valueChanges 这个 Observable 就会广播事件:
广播的事件通过 debounceTime(300) 进行一个300毫秒的限流操作,然后在 filter 操作符里,过滤掉产品长度小于 3 的情况:
最后调用 this.searchProducts 方法。
更多Jerry的原创文章,尽在:"汪子熙":
网友评论