Angular的FormControl在blur事件后异步验证器仍然获取旧值。
创始人
2024-10-24 03:31:31
0

在Angular中,当FormControl的blur事件触发时,异步验证器获取的确实是旧值。这是因为blur事件触发时,FormControl的值尚未更新。

要解决这个问题,可以使用valueChanges观察FormControl的值的变化,并在值变化时进行异步验证。

下面是一个示例代码:

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

@Component({
  selector: 'app-example',
  template: `
    
    
Async validation failed
`, }) export class ExampleComponent { myControl = new FormControl('', null, this.asyncValidator); asyncValidator(control: FormControl) { return new Promise(resolve => { setTimeout(() => { if (control.value === 'old value') { resolve({ asyncValidator: true }); } else { resolve(null); } }, 2000); // 模拟异步验证 }); } validateAsync() { this.myControl.updateValueAndValidity(); // 更新值和验证状态 // 可以在这里订阅FormControl的valueChanges,获取最新的值进行异步验证 this.myControl.valueChanges.subscribe(value => { this.myControl.updateValueAndValidity(); // 更新值和验证状态 }); } }

在上面的示例代码中,我们在FormControl的blur事件中调用validateAsync方法进行异步验证。在validateAsync方法中,我们先调用updateValueAndValidity方法来更新FormControl的值和验证状态。然后,在valueChanges的订阅回调函数中,我们再次调用updateValueAndValidity方法来获取最新的值并进行验证。

这样,就可以确保在blur事件后异步验证器获取的是最新的值。

相关内容

热门资讯

受玩家影响!潮汕汇鱼虾蟹辅助(... 受玩家影响!潮汕汇鱼虾蟹辅助(辅助挂)一直确实有挂(有挂教材)-哔哩哔哩《详细加薇136704302...
第8分钟开挂!微乐小程序辅助脚... 第8分钟开挂!微乐小程序辅助脚本平台,九九山城插件程序,第三方教程-2026最新版本所有人都在同一条...
这一问题亟待解决!网易棋牌辅助... 【亲,网易棋牌辅助器 这款游戏可以开挂的,确实是有挂的,很多玩家在这款网易棋牌辅助器中打牌都会发现很...
四分钟开挂!浙江茶园辅助,决战... 四分钟开挂!浙江茶园辅助,决战卡五星辅助,存在挂教程-2026最新版本在进入决战卡五星辅助辅助挂后,...
据相关数据显示!兴动互娱辅助脚... 您好:这款兴动互娱辅助脚本游戏是可以开挂的,确实是有挂的,很多玩家在这款兴动互娱辅助脚本游戏中打牌都...
第五分钟开挂!皇豪互众控制系统... 第五分钟开挂!皇豪互众控制系统下载,微信中至有辅助吗,攻略教程-2026最新版本1、点击下载安装,皇...
现就发布提示!一起宁德游戏万能... 现就发布提示!一起宁德游戏万能辅助器(辅助挂)果然有挂(有挂绝活儿)-哔哩哔哩;无需打开直接搜索打开...
第六分钟开挂!胡乐情怀宜春开挂... 第六分钟开挂!胡乐情怀宜春开挂,创思维激k辅助控制器,分享教程-2026最新版本1、上手简单,内置详...
现有关情况通报如下!福建天天开... 您好:这款福建天天开心有挂吗游戏是可以开挂的,确实是有挂的,很多玩家在这款福建天天开心有挂吗游戏中打...
第八分钟开挂!同城游辅助器软件... 第八分钟开挂!同城游辅助器软件下载,樱花之盛挂,黑科技教程-2026最新版本1、下载好同城游辅助器软...