- SAP 电商云 Spartacus UI Quick order
- SAP 电商云 Spartacus UI quick order
- SAP 电商云 Spartacus UI Quick Order
- SAP 电商云 Spartacus UI Quick Order
- SAP 电商云 Spartacus UI quick order
- SAP 电商云 Spartacus UI Quick Order
- SAP 电商云 Spartacus UI Quick Order
- SAP 电商云 Spartacus UI 的 Product C
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
我们在如下图输入框里输入至少三个字符后,就会触发一个向 Commerce 后台的 product 搜索动作:

form 事件的数据源就是 this.form.valueChanges. 从语义上讲,每次 form 里的 input 控件值发生变化,即用户有新的输入时,this.form.valueChanges 这个 Observable 就会广播事件:

广播的事件通过 debounceTime(300) 进行一个300毫秒的限流操作,然后在 filter 操作符里,过滤掉产品长度小于 3 的情况:

最后调用 this.searchProducts 方法。


更多Jerry的原创文章,尽在:"汪子熙":

网友评论