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(); } } }

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

相关内容

热门资讯

黑科技辅助!微乐家乡小程序辅助... 黑科技辅助!微乐家乡小程序辅助(辅助),微乐龙江麻将切实真的有透视挂app在进入微乐家乡小程序辅助软...
黑科技辅助!微乐自建房插件如何... 黑科技辅助!微乐自建房插件如何安装(辅助),微乐四川干瞪眼切实存在有透视挂教程1、上手简单,内置详细...
黑科技辅助!微乐家乡小程序辅助... 黑科技辅助!微乐家乡小程序辅助(辅助),微乐天津麻将手机版总是存在有透视挂方法1、微乐家乡小程序辅助...
黑科技透视挂!微乐小程序破解版... 黑科技透视挂!微乐小程序破解版修改器(透视挂),微乐河北石家庄麻将竟然有透视挂攻略一、微乐小程序破解...
黑科技开挂!微乐自建房免费辅助... 黑科技开挂!微乐自建房免费辅助入口在哪里(开挂),微乐宜宾麻将好像存在有透视挂app1、不需要AI权...
黑科技透视挂!微乐游戏小程序(... 黑科技透视挂!微乐游戏小程序(透视挂),微乐棋牌麻将真是是有透视挂方法1、完成微乐游戏小程序辅助器v...
黑科技辅助器!微乐广西麻辣(辅... 您好,微乐广西麻辣这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
黑科技作弊器!微信小程序微乐辅... 黑科技作弊器!微信小程序微乐辅助器教程图片(作弊器),微乐划水麻将好像有透视挂方法1、微信小程序微乐...
黑科技辅助器!微乐游戏公众号辅... 黑科技辅助器!微乐游戏公众号辅助器(辅助器),微乐河池麻将确实真的是有透视挂教程1、微乐游戏公众号辅...
黑科技辅助器!微信小程序游戏破... 黑科技辅助器!微信小程序游戏破解微乐游戏(辅助器),微乐云南麻将切实是真的有透视挂软件1、实时微信小...