我們在如下圖輸入框里輸入至少三個字符后，就會觸發一個向 Commerce 后臺的 product 搜索動作：

form 事件的數據源就是 this.form.valueChanges. 從語義上講，每次 form 里的 input 控件值發生變化，即用戶有新的輸入時，this.form.valueChanges 這個 Observable 就會廣播事件：

廣播的事件通過 debounceTime(300) 進行一個300毫秒的限流操作，然后在 filter 操作符里，過濾掉產品長度小于 3 的情況：

最后調用 this.searchProducts 方法。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI quick order 产品 live search 的实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。