Angular的FormArray无效时不会将表单标记为无效。
创始人
2024-10-24 03:31:17
0

在Angular中,当FormArray中的一个或多个控件无效时,它不会将表单标记为无效。为了解决这个问题,可以使用以下方法:

  1. 使用自定义验证器:创建一个自定义验证器函数来检查FormArray中的控件是否有效。如果有任何无效的控件,则将表单标记为无效。以下是一个示例:
// 自定义验证器函数
function validateFormArray(formArray: FormArray): ValidationErrors | null {
  const invalidControls = formArray.controls.filter(control => !control.valid);
  
  return invalidControls.length ? { invalidFormArray: true } : null;
}

// 创建FormArray
const formArray = new FormArray([new FormControl('', Validators.required), new FormControl('')], validateFormArray);
  1. 手动检查FormArray中的控件状态:在需要检查FormArray中的控件状态时,手动遍历控件并检查其有效性。以下是一个示例:
// 手动检查FormArray中的控件状态
function checkFormArrayValidity(formArray: FormArray): boolean {
  for (const control of formArray.controls) {
    if (!control.valid) {
      return false;
    }
  }
  
  return true;
}

// 使用手动检查FormArray的控件状态
const isValid = checkFormArrayValidity(formArray);

这些方法可以帮助您在FormArray中的一个或多个控件无效时将表单标记为无效。您可以根据自己的需求选择其中的一种方法。

相关内容

热门资讯

推荐几款新版!欢乐情怀辅助挂,... 您好:决战卡五星辅助源码这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的...
总算了解!新西楚辅助器,悠闲游... 总算了解!新西楚辅助器,悠闲游戏辅助,发现开挂辅助教程(有挂辅助);无需打开直接搜索打开薇:1367...
科技分享!微信小程序游戏破解微... 科技分享!微信小程序游戏破解微乐游戏,新九哥智能辅助app,原来有开挂辅助教程(真的有挂);无需打开...
玩家必备科技!开心十三水辅助工... 玩家必备科技!开心十三水辅助工具,哥哥打大a辅助,推荐开挂辅助教程(有挂透明挂)1、下载安装好开心十...
玩家必看科普!一起宁德福鼎打炸... 玩家必看科普!一起宁德福鼎打炸辅助,冰球突破豪华版辅助,实测开挂辅助教程(有挂攻略)1、下载安装好一...
今日百科!闲逸透视app免费版... 您好:闲逸透视app免费版在哪里这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
每日必看!新上游反杀辅助,微友... 每日必看!新上游反杀辅助,微友三代辅助,了解开挂辅助教程(有挂功能);无需打开直接搜索加(薇:136...
普及知识!天天微友第三方辅助软... 普及知识!天天微友第三方辅助软件下载,金州水鱼脚本,关于开挂辅助教程(有挂教程);无需打开直接搜索薇...
必备辅助推荐!微乐a3纸牌有脚... 必备辅助推荐!微乐a3纸牌有脚本,友友联盟辅助脚本,教会开挂辅助教程(有挂总结)1、下载安装好微乐a...
玩家实测!微乐江西小程序辅助器... 玩家实测!微乐江西小程序辅助器免费,悟空大厅怎么挂辅助,实测开挂辅助教程(有挂头条);无需打开直接搜...