有一个**gotcha**!
也就是说，你的观察永远不会完成......
发生这种情况是因为观察对象永远不会完成，所以Angular不知道什么时候改变形态状态。所以记住你的观察对象必须完成。
您可以通过许多方式来实现这一点，例如，您可以调用first()方法，或者如果您正在创建自己的观察对象，则可以调用观察对象上的complete方法。
所以你可以用first()

• • 更新RXJS 6：**

briteVerifyValidator(service: Service) {
  return (control: AbstractControl) => {
    if (!control.valueChanges) {
      return of(null);
    } else {
      return control.valueChanges.pipe(
        debounceTime(1000),
        distinctUntilChanged(),
        switchMap(value => service.getData(value)),
        map(data => {
          return data.status === 'invalid' ? { invalid: true } : null;
        })
      ).pipe(first())
    }
  }
}

稍微修改的验证器，即总是返回错误：* * 第一个e第一个f第一个x

• • 旧版本：**

.map(data => {
   return data.status === 'invalid' ? { invalid: true } : null;
})
.first();

稍微修改的验证器，即总是返回错误：* * 一个月一次**

因此，我所做的是在用户名未被采用时抛出404，并使用订阅错误路径来解析null，当我得到响应时，我使用错误进行了解析。另一种方法是通过响应对象返回一个数据属性，该属性可以是用户名的宽度填充值，也可以是空值，并使用404的内部
前。
在本例中，我绑定（this）以便能够在validator函数中使用我的服务
我的组件类ngOnInit（）的摘录

//signup.component.ts

constructor(
 private authService: AuthServic //this will be included with bind(this)
) {

ngOnInit() {

 this.user = new FormGroup(
   {
    email: new FormControl("", Validators.required),
    username: new FormControl(
      "",
      Validators.required,
      CustomUserValidators.usernameUniqueValidator.bind(this) //the whole class
    ),
    password: new FormControl("", Validators.required),
   },
   { updateOn: "blur" });
}

从我的验证器类中提取

//user.validator.ts
...

static async usernameUniqueValidator(
   control: FormControl
): Promise<ValidationErrors | null> {

 let controlBind = this as any;
 let authService = controlBind.authService as AuthService;  
 //I just added types to be able to get my functions as I type 

 return new Promise(resolve => {
  if (control.value == "") {
    resolve(null);
  } else {
    authService.checkUsername(control.value).subscribe(
      () => {
        resolve({
          usernameExists: {
            valid: false
          }
        });
      },
      () => {
        resolve(null);
      }
    );
  }
});

...

我一直在做稍微不同的事情，面临着同样的问题。
下面是我的代码和修复的情况下，如果有人会需要它：

forbiddenNames(control: FormControl): Promise<any> | Observable<any> {
    const promise = new Promise<any>((resolve, reject) => {
      setTimeout(() => {
        if (control.value.toUpperCase() === 'TEST') {
          resolve({'nameIsForbidden': true});
        } else {

          return null;//HERE YOU SHOULD RETURN resolve(null) instead of just null
        }
      }, 1);
    });
    return promise;
  }

我尝试使用@AT82描述的.first().技术，但我没有发现它解决了问题。
我最终发现表单的状态正在改变，但是因为我使用的是onPush，所以状态改变没有触发改变检测，所以页面中没有任何东西更新。
我最终采用的解决方案是：

export class EmailFormComponent implements OnInit {
    ...
    constructor(
        ...
        private changeDetector: ChangeDetectorRef,
    ) {

      ...

      // Subscribe to status changes on the form
      // and use the statusChange to trigger changeDetection
      this.myForm.statusChanges.pipe(
        distinctUntilChanged()
      ).subscribe(() => this.changeDetector.markForCheck())
    }

}

import { Component, 
         OnInit } from '@angular/core';
import { FormBuilder, 
         FormGroup, 
         FormControl, 
         Validators } from '@angular/forms';
import { Router } from '@angular/router';

import { EmailValidationService } from '../services/email-validation.service';

import { CustomValidators } from '../utilities/custom-validators/custom-validators';

@Component({
    templateUrl: './email-form.component.html',
    styleUrls: ['./email-form.component.sass']
})

export class EmailFormComponent implements OnInit {

    public emailForm: FormGroup;
    public formSubmitted: Boolean;
    public emailSent: Boolean;
    
    constructor(
        private router: Router,
        private builder: FormBuilder,
        private service: EmailValidationService
    ) { }

    ngOnInit() {

        this.formSubmitted = false;
        this.emailForm = this.builder.group({
            email: [ '', [ Validators.required ], [ CustomValidators.briteVerifyValidator(this.service) ] ]
        });
    }

    get email() {
        return this.emailForm.get('email');
    }

    // rest of logic
}