在Angular中，可以使用异步验证器来对表单控件进行验证。为了实现“直到失焦时才更新”的功能，可以使用updateOn选项来指定何时更新控件的值。

下面是一个示例代码，演示了如何使用异步验证器和updateOn选项来实现该功能：

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

@Component({
  selector: 'app-my-form',
  template: `
    

      
      
正在验证...
      

        
该字段为必填项。
        
自定义验证错误。
      
    
  `,
})
export class MyFormComponent {
  myForm: FormGroup;
  myControl: FormControl;
  isBlurred = false;

  constructor() {
    this.myControl = new FormControl('', {
      validators: [Validators.required],
      asyncValidators: [this.customValidator],
      updateOn: 'blur', // 在失焦时更新控件的值
    });

    this.myForm = new FormGroup({
      myControl: this.myControl,
    });
  }

  onBlur() {
    this.isBlurred = true;
  }

  customValidator(control: FormControl) {
    // 模拟一个异步验证器
    return new Promise(resolve => {
      setTimeout(() => {
        if (control.value === 'example') {
          resolve({ custom: true }); // 验证失败
        } else {
          resolve(null); // 验证通过
        }
      }, 1000);
    });
  }
}

在这个示例中，我们定义了一个名为myControl的FormControl，并使用updateOn选项将其设置为blur，从而在失焦时才更新控件的值。

在模板中，我们使用blur事件监听器来调用onBlur方法，以便在失焦时设置isBlurred标志为true。然后，我们使用*ngIf指令分别显示正在验证的消息和验证错误消息。

在自定义验证器customValidator中，我们模拟了一个异步验证器，它在1秒后返回验证结果。如果输入值为example，则验证失败，否则验证通过。

请注意，上述代码是使用Angular的响应式表单实现的。如果您正在使用模板驱动表单，请使用ngModel指令的updateOn选项。