Angular升级后将FormControl添加到FormGroup后会标记为有效
创始人
2024-10-29 11:00:29
0

在Angular升级后,如果您在FormGroup中添加了FormControl,则如果FormControl的值为空,它将标记为有效。这可能会导致表单验证问题。解决此问题的一种方法是在添加FormControl后手动设置其状态为无效。如下所示:

在组件.ts文件中添加以下代码:

import { FormControl, FormGroup, Validators } from '@angular/forms';

export class MyComponent implements OnInit {
  myForm: FormGroup;

  ngOnInit() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required)
    });
    this.myForm.get('name').markAsTouched();
    this.myForm.get('name').setErrors({'incorrect': true});
  }
}

此代码示例将创建一个名为“name”的FormControl并将其添加到FormGroup中。然后,手动将其标记为无效,并设置一个错误消息“incorrect”,以确保在值为空时标记为无效。您还可以使用其他错误消息,具体取决于您的表单验证要求。

请记住,在此解决方案中,您需要手动处理每个添加到FormGroup中的FormControl,以确保它们符合您的表单验证要求。

相关内容

热门资讯

透视了解!wepokerplu... 透视了解!wepokerplus外挂,we-poker正规吗-本来真的有辅助神器(哔哩哔哩)1、操作...
透视分享!wepoker脚本下... 透视分享!wepoker脚本下载,wepoker私局代打-果然存在有辅助神器(哔哩哔哩)1、金币登录...
透视推荐!we poker游戏... 透视推荐!we poker游戏下,wepoker作弊辅助-切实有辅助app(哔哩哔哩)1、进入游戏-...
透视曝光!wpk透视辅助方法,... 透视曝光!wpk透视辅助方法,wpk俱乐部是真的吗-其实存在有辅助攻略(哔哩哔哩)1、每一步都需要思...
透视教你!wepoker轻量版... 透视教你!wepoker轻量版透视方法,wepoker私人局透视-果然一直总是有辅助工具(哔哩哔哩)...
透视科普!wpk有辅助器吗,w... 透视科普!wpk有辅助器吗,wpk官网下载链接-果然一直都是有辅助神器(哔哩哔哩)1、完成有辅助插件...
透视必备!wepoker轻量版... 透视必备!wepoker轻量版书签,wepoker透视脚本苹果版-都是存在有辅助教程(哔哩哔哩)1、...
透视揭露!wpk辅助器是真的吗... 透视揭露!wpk辅助器是真的吗,wpk透视辅助-一直是有辅助技巧(哔哩哔哩)1、辅助软件下载优化,底...
透视总结!德普之星辅助工具如何... 透视总结!德普之星辅助工具如何打开,德扑圈透视挂-果然是真的有辅助脚本(哔哩哔哩)1、实时透视辅助更...
透视开挂!拱趴大菠萝挂怎么安装... 透视开挂!拱趴大菠萝挂怎么安装,悦扑克脚本-都是是真的有辅助神器(哔哩哔哩);拱趴大菠萝挂怎么安装是...