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,以确保它们符合您的表单验证要求。

相关内容

热门资讯

透视辅助!红龙扑克辅助插件,红... 透视辅助!红龙扑克辅助插件,红龙扑克好像有挂(详细辅助挂教程);1、实时开挂更新:用户可以随时随地访...
透视辅助!AA POKER下载... 透视辅助!AA POKER下载软件,aapoker外挂本来是真的有挂(详细辅助教程)1、这是跨平台的...
黑科技辅助!wepOke透明挂... 黑科技辅助!wepOke透明挂辅助器,weopke真的有挂本来真的是有挂(详细辅助插件教程);1)辅...
透视辅助!红龙扑克确实存在有挂... 1、透视辅助!红龙扑克确实存在有挂,红龙扑克一贯真的是有挂(详细辅助教程);该软件可以轻松地帮助玩家...
第1分钟了解!微扑克透视辅助脚... 第1分钟了解!微扑克透视辅助脚本,微扑克智能真是真的有挂(详细ai机器人教程)辅助器中分为三种模型:...
透视辅助!红龙扑克原来真的有挂... 透视辅助!红龙扑克原来真的有挂,红龙扑克其实真的是有挂(详细辅助器教程)是一款可以让一直输的玩家,快...
透视辅助!aapoker有伙牌... 透视辅助!aapoker有伙牌吗,aapoker操作原来存在有挂(详细有挂教程)1、每一步都需要思考...
黑科技透明挂!Wepoke辅助... 黑科技透明挂!Wepoke辅助工具,Wepoke靠谱好像是真的有挂(详细ai辅助教程);所有人都在同...
透视辅助!红龙扑克辅助挂,红龙... 透视辅助!红龙扑克辅助挂,红龙扑克切实存在有挂(详细辅助挂教程)1、操作简单,无需注册,只需要使用手...
透视辅助!wpk微扑克外挂事件... 1、透视辅助!wpk微扑克外挂事件,(微扑克内置)确实有挂(详细ai辅助工具教程);代表性(透视辅助...