如何在Angular 2 中为异步验证器添加debounce 时间

发布于07月10日

这是我的异步验证器，它没有go 盎司时间，我如何添加它？

static emailExist(_signupService:SignupService) {
  return (control:Control) => {
    return new Promise((resolve, reject) => {
      _signupService.checkEmail(control.value)
        .subscribe(
          data => {
            if (data.response.available == true) {
              resolve(null);
            } else {
              resolve({emailExist: true});
            }
          },
          err => {
            resolve({emailExist: true});
          })
      })
    }
}

推荐答案

Angular 4+, Using `Observable.timer(debounceTime)` :

@izupet的答案是正确的，但值得注意的是，使用Observable时，它更简单:

emailAvailability(control: Control) {
    return Observable.timer(500).switchMap(()=>{
      return this._service.checkEmail({email: control.value})
        .mapTo(null)
        .catch(err=>Observable.of({availability: true}));
    });
}

由于Angular 4已经发布，如果发送新的值进行判断，则Angular 在定时器中仍处于暂停状态时取消订阅Observable，因此您实际上不需要自己管理setTimeout/clearTimeout逻辑.

使用timer和Angular的异步验证程序行为，我们重新创建了RxJS debounceTime.