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

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

相关内容

热门资讯

1分钟实锤!德州免费辅助神器a... 1分钟实锤!德州免费辅助神器app(德州ai)一直真的有挂(详细辅助力荐教程)德州免费辅助神器app...
8分钟实锤!智星德州菠萝外挂(... 8分钟实锤!智星德州菠萝外挂(云扑克德州)其实真的有挂(详细辅助新版2025教程)智星德州菠萝外挂软...
4分钟实锤!德州ai辅助软件(... 4分钟实锤!德州ai辅助软件(德州wpk)好像是有挂(详细辅助详细教程)1、打开软件启动之后找到中间...
第二分钟实锤!德扑之星作弊(w... 第二分钟实锤!德扑之星作弊(wepower德州)竟然有挂(详细辅助第三方教程);1、游戏颠覆性的策略...
3分钟实锤!德州之星有辅助挂(... 3分钟实锤!德州之星有辅助挂(nzt德州)一直真的有挂(详细辅助新2025教程)1、任何德州之星有辅...
第1分钟实锤!德州之星插件(手... 第1分钟实锤!德州之星插件(手机德州)总是真的有挂(详细辅助攻略教程);德州之星插件是一种具有地方特...
第5分钟实锤!德州ai辅助有用... 第5分钟实锤!德州ai辅助有用(德州之星)其实真的有挂(详细辅助攻略教程);德州ai辅助有用辅助器中...
第九分钟实锤!德扑之星辅助器购... 第九分钟实锤!德扑之星辅助器购买(德扑ai)其实真的有挂(详细辅助解密教程)1、在德扑之星辅助器购买...
9分钟实锤!德州之星有外挂(德... 9分钟实锤!德州之星有外挂(德州)切实是有挂(详细辅助系统教程)1、完成德州之星有外挂的残局,帮助玩...
第八分钟实锤!德州之星有外挂(... 第八分钟实锤!德州之星有外挂(云扑克德州)果然真的有挂(详细辅助攻略教程)一、德州之星有外挂软件透明...