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插件教程:...
玩家必备科普!打哈儿麻将辅助器... 玩家必备科普!打哈儿麻将辅助器脚本软件,打哈儿麻将竟然真的有辅助器解迷脚本1、打哈儿麻将有没有辅助教...
我来教教大家!旺旺江苏开挂脚本... 我来教教大家!旺旺江苏开挂脚本软件,旺旺江苏一贯存在有开挂教你脚本1、用户打开应用后不用登录就可以直...
盘点一款!乐达大连麻将开挂脚本... 盘点一款!乐达大连麻将开挂脚本软件,乐达大连麻将其实存在有开挂分享脚本乐达大连麻将透视方法中分为三种...
玩家必看分享!雀悦麻将辅助脚本... 玩家必看分享!雀悦麻将辅助脚本软件,雀悦麻将果然有辅助教你方法1、实时雀悦麻将透视辅助更新:用户可以...
重大推荐!白金岛红拐弯辅助脚本... 重大推荐!白金岛红拐弯辅助脚本软件,白金岛红拐弯真是是真的有辅助普及教程1、游戏颠覆性的策略玩法,独...
玩家必看攻略!奕趣开挂脚本软件... 玩家必看攻略!奕趣开挂脚本软件,奕趣都是存在有开挂揭幕插件奕趣破解侠是真的助透视。每个模型中均包含「...
一分钟揭秘!闲逸麻将透视挂脚本... 一分钟揭秘!闲逸麻将透视挂脚本软件,闲逸麻将真是真的是有透视挂详情插件运闲逸麻将辅助工具,进入游戏界...
玩家必看科普!66徐州麻将透视... 玩家必看科普!66徐州麻将透视脚本软件,66徐州麻将总是真的是有透视科普神器1、完成66徐州麻将有辅...