typescript 控制errors3.component.ts

Posted 2021-05-21

export class ControlErrors  {
  
  constructor(@Optional() @Host() private _form: NgForm, 
              @Inject(CONTROL_ERRORS) private CONTROL_ERRORS) {
    ...   
  }
  
  get error() {
    const control = this.form.controls[this.control];

    if(control && this.form.submitted) {
     let firstError;
     Object.keys(this.CONTROL_ERRORS).some(err => {
        if( control.hasError(err) ) {
          firstError = this.normalizeError(control.errors[err], err, this.CONTROL_ERRORS[err]);
          return true;
        }
      });
      
      return firstError;
    }
  }
  
  normalizeError(controlError: Object, type: string, error: string): string {
    // your logic
  }
}