表单控件中是否有一个验证器，它可以检查字段是否处于活动状态？

Question

我制作了一个带有验证器的表格，该表格仅在值无效且仅在触摸该字段之后才出现。但是，我希望仅当光标不再位于该字段中时，验证消息才可见，因此，只要用户正在填写该字段，就不会出现验证消息。该怎么办？

我的html代码是：

    <form [formGroup]="signupForm" (ngSubmit)="onSubmit()">
            <div formGroupName="userData">
              <div class="form-group">
                <label for="username">Username</label>
                <input
                  type="text"
                  id="username"
                  formControlName="usernameform"
                  class="form-control">
                <span


    *ngIf="!signupForm.get('userData.usernameform').valid && signupForm.get('userData.usernameform').touched "
                  class="help-block">Please enter a valid user name</span>
              </div>

连同ts：

     ngOnInit() {
        this.signupForm = new FormGroup({
          'userData': new FormGroup({
            'usernameform': new FormControl(null, Validators.required),
            'emailform': new FormControl(null, [Validators.required, Validators.email])
          }),
          'genderform': new FormControl('male')
        });
      }

我尝试过验证器，例如脏的和待定的，但这似乎不起作用