您可以使用lodash-decorators轻松地将lodash操作应用于函数

@debounce(1000)
foo() { ... }

字符串
它对于所有基于类的Angular 组件或服务尤其有用。

好吧，不知何故，我设法解决了这个问题，通过setTimeout和它的工作完美的我作为一个debouncer，

onSliderEventChanges(event:ChangeContext){ 

  if(this.timerid !== null){
    clearTimeout(this.timerid);
  }
  this.timerid  = setTimeout(() => 
  {
    this.foo(false);
    this.timerid = null;
  }, 400);

}

字符串
第一个if总是会清除最后一个运行的timeOut，所以滑动结束时，I将只有一个对foo()的调用，因为只有最后一个timeOut是活动的。
setTimeout总是返回一个timerId。

你可以使用rxjs，因为你正在使用angular，你已经有了那个库，所以你有一个去抖动函数可以在上面使用。

ngOnInit(): void {
    // you look for your html element in which you desire
    // to attach an eventListener 
    let myHtmlElement = document.querySelector("#my-element-id-name");
    // then we proceed to turn the event into an observable sequence
    // my event could be in your case the 'click' event, I believe
    const myEventVar$ = fromEvent(myHtmlElement , 'myEvent');
    myEventVar$.pipe(
      // debounceTime is the rxjs library to delay the firing 
      // of function foo by 300ms in this example
      debounceTime(300)
    ).subscribe( () => {
      this.foo();
    });
}

字符串