等待用户停止输入ss-multiselect-dropdown搜索

Question

我正在使用ss-multiselect-dropdown。

问题是，一旦用户开始输入，它就会开始调用 LazyLoading 中定义的API。

我一直在尝试对其进行修改以等待用户在点击API之前停止输入，因此输入“test”不会调用API 四次。

我可以使用正常输入执行此操作，但此处的问题是它不会公开输入。

任何想法都值得赞赏。

Answer 1

您可以尝试设置计时器，直到用户停止键入一段时间（此处为1100毫秒）：

timer: any;

getList(searchText) {
 if (searchText.length >= 3) {
  clearTimeout(this.timer);
  this.timer = setTimeout(() => {
  // call api here
  }, 1100);
} 
else {
  this.list= [];
 }
}