如何实现递归检测FormGroup中是否存在至少一个非null值的函数
checkNonNull 函数实现
你可以基于递归+短路判断的逻辑实现需求,只要遍历到任意一个非null的表单项就直接返回true,无需遍历全部控件,性能更优:
const checkNonNull = (control: AbstractControl): boolean => { // 处理 FormControl 类型:直接判断值是否非 null if (control instanceof FormControl) { return control.value !== null; } // 处理 FormArray 类型:只要任意子控件存在非 null 值就返回 true if (control instanceof FormArray) { return control.controls.some(childControl => checkNonNull(childControl)); } // 处理 FormGroup 类型:只要任意子控件存在非 null 值就返回 true if (control instanceof FormGroup) { return Object.values(control.controls).some(childControl => checkNonNull(childControl)); } // 兜底逻辑,处理其他 AbstractControl 派生类场景 return false; }
使用说明
- 直接传入根节点
FormGroup即可调用:const hasNonNull = checkNonNull(yourRootForm) - 如果你需要同时过滤空字符串、
undefined这类空值,只需要把control.value !== null调整为你需要的判断规则即可,比如改为control.value != null可以同时排除null和undefined。
内容的提问来源于stack exchange,提问作者Nabagata Saha
相关产品推荐
相关产品推荐

