Question

非常清楚如何在角度设置自定义错误：

this.form.controls['field'].setErrors({same:true});

但目前尚不清楚如何删除它。有人知道怎么做吗？任何替代方案？

Answer 1

this.form.controls['field'].updateValueAndValidity();

这是方法文档：

/**
  * Re-calculates the value and validation status of the control.
  *
  * By default, it will also update the value and validity of its 
 ancestors.
  */
 updateValueAndValidity({onlySelf, emitEvent}: {onlySelf?: boolean, emitEvent?: boolean} = {}):  void {... }

Answer 2

如果要删除自定义错误，可以使用以下内容：

delete this.form.controls['field'].errors['same']

您可能需要/想要在此之后更新有效期：

this.form.controls['field'].updateValueAndValidity();

Answer 3

您可以使用以下行删除自定义错误。

this.form.controls['field'].updateValueAndValidity();

Answer 4

只需将erros设置为null

this.form.controls['field'].setErrors(null);

Answer 5

您可以使用下面提到的方法并传递控件名称，键表示错误名称和值将为true或null，以分别设置或删除控件中的错误。

errorInFields(control: AbstractControl,key,value){
let errors  = control.errors;
if(!errors){
  if(value == null){
    control.setErrors(null);
  }else{
    let error = {};
    error[key] = value;
    control.setErrors(error);
  }
}else{

  if(value == null){
    if(errors.hasOwnProperty(key)){
      delete errors[key];
    }
    let errorsKey = Object.getOwnPropertyNames(errors);;
    if(errorsKey.length <= 0){
      control.setErrors(null);
    }else{
      control.setErrors(errors);
    }
  }else{
    errors[key] = value;
    control.setErrors(errors);
  }
}}

如何清除角度控制中的错误

5 个答案: