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' :
    '';
}

相关内容

热门资讯

透视神器!wpk私人局有透视,... 透视神器!wpk私人局有透视,智星德州有脚本,透明挂教程(有挂细节);大家肯定在之前或者中玩过透视神...
九分钟辅助挂!星悦陕西老麻子辅... 九分钟辅助挂!星悦陕西老麻子辅助软件,传送屋激k有挂,教你教程(有挂功能)1、下载好辅助软件之后点击...
透视透视!约局吧德州可以透视,... 透视透视!约局吧德州可以透视,hardrock作弊,专业教程(有人有挂);免费下载原版,在软件透明挂...
三分钟辅助挂!新九哥辅助开挂,... 三分钟辅助挂!新九哥辅助开挂,uuganmes辅助器,必胜教程(揭秘有挂)1)辅助挂:进一步探索辅助...
透视神器!约局吧app有挂,h... 透视神器!约局吧app有挂,hhpoker智能辅助插件,2025新版教程(有挂透明挂);1、超多福利...
3分钟辅助挂!超级三加一辅助,... 3分钟辅助挂!超级三加一辅助,多乐辅助app,必备教程(有挂攻略)一、软件透明挂的定义与意义1、系统...
透视ai代打!wepoker私... 透视ai代打!wepoker私人局透视,aapoker可以设置抽水,教你攻略(有挂头条);亲真的是有...
七分钟辅助挂!微信小程序打哈儿... 七分钟辅助挂!微信小程序打哈儿脚本,四川途游辅助软件下载,透明教程(有挂秘诀)1、任何ai辅助神器的...
透视讲解!wepoker的辅助... 透视讲解!wepoker的辅助器,wepokerplus作弊,2025教程(有人有挂);亲真的是有正...
第3分钟辅助挂!功夫川嘛辅助器... 第3分钟辅助挂!功夫川嘛辅助器,微友联盟辅助下载,细节揭秘(有挂细节)1、透视辅助简单,软件透明挂操...