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透视辅助技巧,德州wpk其实是真的有挂(详细有外卦挂教程)1、玩家可以在软件透明挂俱...
透视辅助!德州aapoker切... 透视辅助!德州aapoker切实是有挂,aapoker工具一直是有挂(详细有挂教程)辅助器中分为三种...
透视辅助!德州aapoker俱... 透视辅助!德州aapoker俱乐部正确打法,aapoker规律竟然是真的有挂(详细透视辅助教程)1、...
透视辅助!WPK辅助软件,wp... 透视辅助!WPK辅助软件,wpk盈利一直真的有挂(详细真的有外卦挂教程)1、进入到黑科技之后,能看到...
透视辅助!wpK好像有挂,wp... 透视辅助!wpK好像有挂,wpk私人局原来真的有挂(详细德州透视辅助教程)一、AI软件牌型概率发牌机...
黑科技辅助挂!wepoke黑科... 您好,wepoke黑科技这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
6分钟了解!微扑克辅助技巧,微... 6分钟了解!微扑克辅助技巧,微扑克智能一直存在有挂(详细wpk透视辅助教程)在进入wpk透视辅助辅助...
每日必看推荐!德扑之星开桌怎么... 每日必看推荐!德扑之星开桌怎么设置,德扑ai购买果然有挂(详细手机上教程)1、这是跨平台的黑科技,在...
黑科技透明挂!wepoke透明... 黑科技透明挂!wepoke透明挂辅助器,Wepoke数据一贯是真的有挂(详细辅助挂教程)进入游戏-大...
透视辅助!wpk数据分析,(w... 透视辅助!wpk数据分析,(wpk德州)都是真的有挂(详细发牌逻辑教程)是一款可以让一直输的玩家,快...