Angular中FormControl带有异步验证器时保持为挂起状态
创始人
2024-10-31 13:30:20
0

在异步验证器外围使用setTimeout函数包装并添加async/await语法来解决这个问题。以下是示例代码:

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

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




Validating...
Valid
Invalid
` }) export class ExampleComponent implements OnInit { form: FormGroup; ngOnInit() { this.form = new FormGroup({ test: new FormControl(null, [Validators.required], [this.customValidatorAsync.bind(this)]) }); } async customValidatorAsync(control: FormControl) { await new Promise(resolve => setTimeout(resolve, 1000)); if (control.value === 'invalid') { return { customError: true }; } return null; } async submit() { if (this.form.valid) { console.log('Valid Submitted', this.form.value); } else { console.log('Invalid Form', this.form); } } }

相关内容

热门资讯

透视有挂"wepok... 透视有挂"wepoker轻量版辅助"都是是有辅助插件(哔哩哔哩)1、进入到wepoker轻量版辅助是...
透视解迷"wepok... 透视解迷"wepoker怎么买辅助"确实真的有辅助器(哔哩哔哩)一、wepoker怎么买辅助游戏安装...
透视必备"wpk软件... 透视必备"wpk软件是正规的吗"果然存在有辅助脚本(哔哩哔哩)1、下载好wpk软件是正规的吗脚本下载...
透视透视"We po... 透视透视"We poker辅助器下载"竟然真的是有辅助脚本(哔哩哔哩)1.We poker辅助器下载...
透视必备"wepok... 透视必备"wepoker透视版下载"都是有辅助器(哔哩哔哩)运wepoker透视版下载辅助工具,进入...
透视分享"聚星ai辅... 透视分享"聚星ai辅助工具下载"好像是有辅助工具(哔哩哔哩)在进入聚星ai辅助工具下载软件靠谱后,参...
透视有挂"hhpok... 透视有挂"hhpoker辅助挂是真的吗"真是真的是有辅助神器(哔哩哔哩)1、该软件可以轻松地帮助玩家...
透视解谜"智星德州插... 透视解谜"智星德州插件最新版本更新内容详解"切实真的有辅助脚本(哔哩哔哩)1、透视解谜"智星德州插件...
透视辅助"wepok... 透视辅助"wepoker底牌透视"都是是真的辅助神器(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视辅助"wepok... 透视辅助"wepoker透视脚本苹果版"一直是有辅助方法(哔哩哔哩)1)wepoker透视脚本苹果版...