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

相关内容

热门资讯

详细辅助(微扑克)ai胜率(辅... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中打牌都...
黑科技辅助(德扑之星作弊)外挂... 黑科技辅助(德扑之星作弊)外挂透视辅助软件(透视)果然真的是有挂(黑科技方法)1、在德扑之星作弊ai...
黑科技辅助挂(WepoKe)辅... 黑科技辅助挂(WepoKe)辅助透(黑科技)辅助有挂(其实存在有挂)辅助器中分为三种模型:软件透明挂...
黑科技真的(wpk真的有外挂)... 黑科技真的(wpk真的有外挂)外挂透视辅助安装(透视)确实存在有挂(黑科技方法);1、wpk真的有外...
黑科技辅助(WEPoke)有插... 黑科技辅助(WEPoke)有插件吗(黑科技)黑科技设备(果然存在有挂)您好,,确实是有挂的,很多玩家...
黑科技教程(wpk真的有外挂)... 黑科技教程(wpk真的有外挂)外挂透明挂辅助技巧(透视)真是存在有挂(黑科技工具);1、wpk真的有...
玩家辅助(微扑克)ai辅助(辅... 玩家辅助(微扑克)ai辅助(辅助挂)职业代打(一贯真的有挂);致您一封信;亲爱玩家:《透明挂》新活动...
黑科技教程(德扑ai智能工具)... 黑科技教程(德扑ai智能工具)外挂透视辅助插件(透视)一直是有挂(黑科技解说)所有人都在同一条线上,...
专业辅助(微扑克)的辅助工具苹... 专业辅助(微扑克)的辅助工具苹果(辅助挂)代打是真的吗(一直真的是有挂)是一款可以让一直输的玩家,快...
黑科技了解(德州之星插件)外挂... 黑科技了解(德州之星插件)外挂黑科技辅助神器(透视)原来是真的有挂(黑科技揭秘)所有人都在同一条线上...