使用asyncValidators进行ngx-formly：在运行验证时显示一些信息/样式

Question

我已经成功地将asyncValidator用于密码字段，以针对Rest服务检查密码的哈希值。

它工作得很好，但是有时候异步调用完成需要花费一些时间。我想捕获“当前验证”状态，并在字段上显示一些信息（例如，加载gif或特定的CSS样式）。

运行异步验证程序时，是否可以附加“钩子”以显示信息？

Answer 1

  

正在使用异步验证器验证的表单字段也将   验证未决时，具有ng-pending类。这使它   易于设置样式，目前正在等待验证

使用FormControl待处理属性

 <div *ngIf="myForm.get('email').pending">
    Loading...
  </div>

或

  <div *ngIf="myForm.get('email').status === 'PENDING'">
    Loading...
  </div>

参考：https://alligator.io/angular/async-validators/