Angular的updateValueAndValidity()方法不起作用。
创始人
2024-10-24 10:31:10
0

问题描述: 在Angular中,调用updateValueAndValidity()方法后,表单验证仍然不起作用。

解决方法:

  1. 确保表单控件已正确绑定到FormGroup中,且FormControl已正确添加到FormGroup中。
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  template: `
    
`, }) export class MyFormComponent { myForm: FormGroup; constructor() { this.myForm = new FormGroup({ myControl: new FormControl('', Validators.required) }); } updateValidation() { this.myForm.controls['myControl'].updateValueAndValidity(); } }
  1. 确保在调用updateValueAndValidity()方法之前,FormGroup已正确初始化。
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  template: `
    
`, }) export class MyFormComponent implements OnInit { myForm: FormGroup; ngOnInit() { this.myForm = new FormGroup({ myControl: new FormControl('', Validators.required) }); } updateValidation() { this.myForm.controls['myControl'].updateValueAndValidity(); } }
  1. 如果表单动态加载或通过条件显示/隐藏,确保在调用updateValueAndValidity()方法之前,表单控件已正确添加到FormGroup中。
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  template: `
    
`, }) export class MyFormComponent implements OnInit { myForm: FormGroup; showControl: boolean = false; ngOnInit() { this.myForm = new FormGroup({ myControl: new FormControl('', Validators.required) }); } updateValidation() { if (this.showControl) { this.myForm.controls['myControl'].updateValueAndValidity(); } } }

以上是几种可能的解决方法,根据具体情况选择适合的方法。如果问题仍然存在,请检查其他可能的错误,比如表单控件的命名是否正确,或者是否存在其他自定义验证器等。

相关内容

热门资讯

透视脚本(wpk辅助哪里买)竟... 透视脚本(wpk辅助哪里买)竟然真的有挂(透视)免费辅助(分享教程)1、起透看视 wpk辅助哪里买透...
透视软件(WePoKer)we... 透视软件(WePoKer)wepoker究竟有没有透视(透视)好像真的是有挂(2025教程)透视软件...
透视总结(wpk模拟器多开)总... 透视总结(wpk模拟器多开)总是存在有挂(透视)刷入池率脚本(科技教程);1、wpk模拟器多开ai辅...
透视中牌率(WEPOKER)w... 透视中牌率(WEPOKER)wepoker私人局外卦(透视)切实是真的有挂(2025教程);1、透视...
透视新版(wpk透视辅助方法)... 透视新版(wpk透视辅助方法)竟然有挂(透视)显示有作弊(解说技巧)1、玩家可以在wpk透视辅助方法...
透视好牌(WePoKer)如何... 透视好牌(WePoKer)如何下载wepoker安装包(透视)果然真的有挂(详细教程);1)如何下载...
辅助透视(wpk德州局透视)竟... 辅助透视(wpk德州局透视)竟然是真的有挂(透视)插件辅助(2025新版教程)wpk德州局透视是一种...
透视数据(wepoker)we... 透视数据(wepoker)wepokerplus透视脚本免费(透视)本来是有挂(可靠教程);小薇(透...
透视讲解(wpk安卓下载辅助)... 透视讲解(wpk安卓下载辅助)一贯有挂(透视)辅助购买(2025新版)1、很好的工具软件,可以解锁游...
透视最新(wpk俱乐部辅助器)... 透视最新(wpk俱乐部辅助器)果然是真的有挂(透视)刷入池率脚本(切实教程)1、操作简单,无需注册,...