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!营口9... 玩家攻略推荐开挂app!营口92麻将多功能开挂app,营口92麻将果然是有开挂app1、营口92麻将...
重大消息辅助攻略!逍遥皖北棋牌... 重大消息辅助攻略!逍遥皖北棋牌多功能辅助攻略,逍遥皖北棋牌竟然是有辅助攻略1、打开软件启动之后找到中...
热门推荐作弊器脚本!边锋cr在... 热门推荐作弊器脚本!边锋cr在线多功能作弊器脚本,边锋cr在线竟然存在有作弊器脚本热门推荐作弊器脚本...
必备教程透视挂方法!澳门永利集... 必备教程透视挂方法!澳门永利集团多功能透视挂方法,澳门永利集团其实是真的有透视挂方法1、许多玩家不知...
查到实测辅助辅助器工具!抚顺麻... 查到实测辅助辅助器工具!抚顺麻将多功能辅助器工具,抚顺麻将一贯是有辅助器工具1)抚顺麻将辅助插件:进...
科技通报透视器脚本!赫麒众游多... 科技通报透视器脚本!赫麒众游多功能透视器脚本,赫麒众游确实有透视器脚本;在进入赫麒众游软件靠谱后,参...
专业讨论作弊器方法!海迅麻将多... 专业讨论作弊器方法!海迅麻将多功能作弊器方法,海迅麻将其实是真的有作弊器方法暗藏猫腻,小编详细说明海...
热点讨论作弊器教程!宁夏麻将多... 热点讨论作弊器教程!宁夏麻将多功能作弊器教程,宁夏麻将都是真的有作弊器教程1、进入游戏-大厅左侧-新...
如何分辨真伪辅助器软件!小闲巴... 如何分辨真伪辅助器软件!小闲巴渝棋牌多功能辅助器软件,小闲巴渝棋牌一贯存在有辅助器软件所有人都在同一...
让我来分享经验透视器app!老... 让我来分享经验透视器app!老友汇多功能透视器app,老友汇总是是真的有透视器app运老友汇辅助工具...