Angular响应式表单中FormArray字段的自定义验证
创始人
2024-10-30 08:00:43
0
  1. 在FormGroup中添加FormArray字段时,可以针对每个FormControl定义自定义验证器,以便验证表单中的每个字段。
this.form = this.formBuilder.group({
  items: this.formBuilder.array([
    this.formBuilder.control('', [Validators.required, this.customValidator])
  ])
});
  1. 自定义验证器需要返回一个对象或null。在自定义验证器中,可以检查表单字段的值是否符合特定的条件,并根据条件返回一个对象,其中包含多个错误消息。
customValidator(control: AbstractControl): { [key: string]: boolean } | null {
  if (control.value.length < 3) {
    return { 'minLength': true };
  }
  return null;
}
  1. 可以通过循环FormArray中的每个FormControl找到所有的错误消息。
getErrorMessage(index: number) {
  const control = (this.form.get('items') as FormArray).controls[index];
  return control.hasError('required') ? '必填' :
    control.hasError('minLength') ? '长度必须至少为3' :
    '';
}

相关内容

热门资讯

一分钟揭秘!蜜瓜大厅辅助下载,... 一分钟揭秘!蜜瓜大厅辅助下载,天酷大厅辅助,高科技教程(真的有挂);AI辅助机器人普及解说快速成为一...
分享实测!新蛮王辅助器,新上游... 分享实测!新蛮王辅助器,新上游辅助器,安装教程(有挂教学);新蛮王辅助器最新版本免费下载安装哦,具体...
科技通报!蜜蜂大厅辅助插件,微... 科技通报!蜜蜂大厅辅助插件,微友辅助神器下载,软件教程(有挂存在);1、许多玩家不知道微友辅助神器下...
重大通报!新西游游戏辅助,超级... 重大通报!新西游游戏辅助,超级三加一正版,第三方教程(有挂教程);1、重大通报!新西游游戏辅助,超级...
玩家必备攻略!新荣耀辅助软件,... 玩家必备攻略!新荣耀辅助软件,新超凡辅助,2025新版教程(有挂细节);一、新荣耀辅助软件有挂的是的...
一分钟揭秘!樱花之盛有挂,新超... 一分钟揭秘!樱花之盛有挂,新超凡软件辅助,技巧教程(有挂攻略);1、让任何用户在无需AI插件第三方神...
大家学习交流!正版新九游辅助,... 大家学习交流!正版新九游辅助,皇豪辅助,攻略教程(真的有挂);大家肯定在之前正版新九游辅助或者正版新...
重磅来袭!人海大厅挂有挂好,辣... 重磅来袭!人海大厅挂有挂好,辣椒互娱辅助,透明挂教程(的确有挂);一、人海大厅挂有挂好有挂的是的,亲...
专业讨论!微信神兽大厅源代码,... 专业讨论!微信神兽大厅源代码,西兵互娱辅助,必胜教程(有挂助手);玩家必备微信神兽大厅源代码开挂教程...
必备辅助推荐!新二号辅助软件可... 必备辅助推荐!新二号辅助软件可以下载,胡乐辅助脚本可靠,力荐教程(今日头条);必备辅助推荐!新二号辅...