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

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

相关内容

热门资讯

aa扑克外挂(AApOKER)... aa扑克外挂(AApOKER)aapoker ai软件(辅助挂)可靠教程(果然是真的有挂)1、完成a...
黑科技真的(wpk微扑克)外挂... 黑科技真的(wpk微扑克)外挂透视辅助下载(透视)2025新版技巧(一直真的是有挂)1、下载好wpk...
aapoker辅助使用教程(A... aapoker辅助使用教程(AApOKER)aapoker智能ai辅助(辅助挂)扑克教程(切实真的是...
黑科技免费(wpk德州扑克)外... 黑科技免费(wpk德州扑克)外挂透视辅助方法(透视)软件教程(真是真的是有挂)1、完成wpk德州扑克...
aapoker辅助使用教程(德... aapoker辅助使用教程(德州aapoker)Aapoker app(辅助挂)必胜教程(都是真的是...
黑科技玄学(线上微扑克)外挂透... 黑科技玄学(线上微扑克)外挂透视辅助器(透视)2025新版教程(原来是有挂);1、进入到线上微扑克黑...
黑科技挂(wpk俱乐部)外挂透... 黑科技挂(wpk俱乐部)外挂透视辅助助手(透视)力荐教程(竟然是真的有挂)1)wpk俱乐部辅助挂:进...
wepoke透明挂是真的吗(W... wepoke透明挂是真的吗(WepoKe)wepoke软件机器人(黑科技)揭秘教程(竟然存在有挂)1...
黑科技神器(德州ai)外挂辅助... 黑科技神器(德州ai)外挂辅助神器(透视)必赢方法(确实真的是有挂);1)德州ai辅助挂:进一步探索...
wepoke辅助技巧(wepo... wepoke辅助技巧(wepokE)wepower有外挂(黑科技)2025新版(都是是有挂)wepo...