在angular 4中更改AsyncValidator的响应

在Angular 4中，要更改AsyncValidator的响应，可以通过自定义AsyncValidator函数来实现。AsyncValidator是一种用于异步验证表单控件的验证器。

首先，需要创建一个自定义的AsyncValidator函数。这个函数接收一个FormControl作为参数，并返回一个Observable对象。Observable对象可以发出一个null值（表示验证通过）或一个对象（表示验证失败）。

下面是一个示例的自定义AsyncValidator函数：

import { AbstractControl, ValidationErrors } from '@angular/forms';
import { Observable } from 'rxjs';

export function customAsyncValidator(control: AbstractControl): Observable<ValidationErrors | null> {
  return new Observable(observer => {
    // 在这里进行异步验证逻辑
    // 如果验证通过，调用 observer.next(null)
    // 如果验证失败，调用 observer.next({ customError: true })
    // 最后调用 observer.complete() 结束验证

    // 示例：模拟异步验证
    setTimeout(() => {
      if (control.value === 'admin') {
        observer.next({ customError: true });
      } else {
        observer.next(null);
      }
      observer.complete();
    }, 2000);
  });
}

在上面的示例中，我们模拟了一个异步验证逻辑。如果表单控件的值为'admin'，则验证失败，否则验证通过。

接下来，可以在表单中使用这个自定义的AsyncValidator函数。例如，在创建FormGroup时，可以将这个函数作为第三个参数传递给FormControl的构造函数：

import { FormControl, FormGroup, Validators } from '@angular/forms';

const form = new FormGroup({
  username: new FormControl('', Validators.required, customAsyncValidator)
});

在上面的示例中，我们将customAsyncValidator作为第三个参数传递给FormControl的构造函数，这样就会在表单控件的值发生变化时进行异步验证。

需要注意的是，如果AsyncValidator返回的是一个对象（表示验证失败），可以在模板中使用formControl.errors来获取这个错误对象，并根据需要进行处理。

这是一个简单的示例，展示了如何在Angular 4中更改AsyncValidator的响应。根据具体的业务需求，可以根据这个示例进行扩展和定制。