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

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

相关内容

热门资讯

透视代打!wepoker透视脚... 透视代打!wepoker透视脚本免费app,wepoker到底有没有透视(详细透视是真的)运wepo...
透视规律!aapoker发牌逻... 透视规律!aapoker发牌逻辑(透视)aapoker能控制牌吗,微扑克教程(有挂黑科技)1)aap...
透视玄学!wepoker有脚本... 透视玄学!wepoker有脚本吗,we poker游戏下(详细透视脚本);1、操作简单,无需注册,只...
透视新版!aapoker透视方... 透视新版!aapoker透视方法(透视)aapoker真的假的,详细教程(有挂解说)aapoker真...
透视美元局!wejoker辅助... 透视美元局!wejoker辅助机器人,wepoker有没有挂(详细正规)1、下载好wejoker辅助...
透视计算!aapoker免费透... 透视计算!aapoker免费透视脚本(透视)aapoker怎么设置提高好牌几率,切实教程(有挂辅助)...
透视好友房!wejoker辅助... 透视好友房!wejoker辅助机器人,wepoker是不是有人用挂(详细辅助软件价格);1.wepo...
透视免费!aapoker怎么提... 透视免费!aapoker怎么提高中牌率(透视)aapoker怎么设置抽水,详细教程(有挂黑科技);一...
透视ai代打!wepoker免... 透视ai代打!wepoker免费脚本咨询,wepoker轻量版书签(详细辅助机器人)1、下载好wep...
透视苹果版!aapoker辅助... 透视苹果版!aapoker辅助器是真的吗(透视)aapoker真的假的,微扑克教程(有挂详情)1、a...