在Angular中，Validator和AsyncValidator是用于验证表单控件的两个重要接口。它们都被用于响应式表单验证工作流程中，并且在使用中很容易出现覆盖的问题。

当使用两个验证器时，默认情况下，AsyncValidator会覆盖Validator。这可能会导致Validator不会被调用或出现意外的结果。为解决这个问题，可以通过使用Validators.compose()方法将两个验证器合并成一个验证器数组。如下所示：

import { Validators, AsyncValidatorFn, ValidatorFn } from '@angular/forms';

const myValidator: ValidatorFn = (control: AbstractControl) => {
  // 自定义的同步验证逻辑
}

const myAsyncValidator: AsyncValidatorFn = (control: AbstractControl) => {
  // 自定义的异步验证逻辑
}

// 将两个验证器合并成一个验证器数组并使用它来构建表单控件
const myControl = new FormControl('', Validators.compose([myValidator, myAsyncValidator]));

通过将验证器合并成一个验证器数组，保证每个验证器都被正确调用，且执行的顺序与数组中的顺序一致。这样就可以避免AsyncValidator覆盖Validator的问题。