我正在使用Angular 4.4.3反应窗体来实现窗体中一组控件的自定义验证。方法AbstractControl.setErrors根据文档更新AbstractControl的错误属性,在其上调用它,更新其父项的状态,但不更新父项错误属性。我想在FormGroup实例上设置errors属性,所以我使用FormGroup继承的setErrors。但是,它不会按预期更新错误。在Angular Reactive Forms中的FormGroup实例上设置错误不能按预期方式工作
下面是我的示例代码: 尝试它FormControl情况下,不更新自己的错误,以及他们父母的有效性状态(不是父母的错误,但!):
let myFormGroup
= this._formBuilder
.group({
ctrl1: [null],
ctrl2: [null]
},
{
validator: (fg: FormGroup) => {
let ctrl1 = fg.get('ctrl1'),
ctrl2 = fg.get('ctrl2'),
ctrl1Empty = !ctrl1.value,
ctrl2Empty = !ctrl2.value;
//Successfully sets ctrl1.errors and fg.status, but not fg.errors
if (ctrl1empty)
ctrl1.setErrors({ctrl1required: true});
//Successfully sets ctrl2.errors and fg.status, but not fg.errors
if (ctrl2Empty)
ctrl2.setErrors({ctrl2required: true});
//Doesn't work, doesn't update fg.errors
if (ctrl1Empty && ctrl2Empty)
fg.setErrors({required: true});
}
})
任何想法,为什么?
为了进一步阐明:直接从验证器返回错误(即'return {required:true}'),但仍然在'FormGroup'实例中'setErrors'的行为不一致,它们是'AbstractControl'。 – Bahaa