angular - ngx-formly 与 asyncValidators : Show some information/style while validation is running

标签 angular angular2-forms angular-formly

我成功地将 asyncValidator 用于密码字段,以根据 Rest 服务检查密码的哈希值。

它工作得很好,但有时异步调用只需要“一些时间”才能完成。我想捕获“当前正在验证”的状态并在该字段上显示一些信息(例如加载 gif 或特定的 CSS 样式)。

是否有任何我可以附加的“钩子(Hook)”,以便在异步验证器运行时显示信息?

最佳答案

Form fields that are being validated with an async validator will also have an ng-pending class while validation is pending. This makes it easy to style fields that are currently pending validation

使用 FormControl 待定属性

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

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

引用号:https://alligator.io/angular/async-validators/

关于angular - ngx-formly 与 asyncValidators : Show some information/style while validation is running,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53795215/

相关文章:

css - Angular 6 - 更改复选框样式是否被选中

angular - 为什么要使用 Validators.compose()?

angularjs - 如何在 Angular 中正式使用 css 类

Angular 6 可观察和订阅

angular - 为什么响应式primeng表中不显示表头?

使用异步等待的 Angular http get

javascript - "Argument ' 模块 ' is not a function, got Object"- 使用 webpack 导入 Angular 模块

angular - 如何使用 Validators 类在 Angular2 中显示电子邮件验证的不同验证消息?

angular - 以 Angular 2 react 形式动态删除表单控件

angularjs - 提交后向表单字段添加自定义消息