Angular 4: Benutzerdefinierter Validator wird nicht aufgerufen

Question

Ich habe einen benutzerdefinierten Validator für die Validierung der Pan-Kartennummer definiert (https://en.wikipedia.org/wiki/Permanent_account_number).

function validatePan(): ValidatorFn { 

return (c: AbstractControl) => { 
      var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/; 

      if (!regpan.test(c.value)) { 
       return { 
        validatepan: { 
         valid: false 
        } 
        }; 
      } else { 
       return null; 
      } 
     } 
}   

@Directive({ 
selector: '[validatepan][ngModel], [validatepan][formControlName], [validatepan][formControl]', 
    providers: [ 
    { provide: NG_VALIDATORS, useExisting: forwardRef(() => PanValidator),  multi: true } 
    ] 
}) 
export class PanValidator implements Validator{ 
    validator: ValidatorFn; 

    constructor() { 
    this.validator = validatePan(); 
    } 

    validate(c: FormControl) { 
    console.log('here'); 
    return this.validator(c); 
    } 

} 

Ich habe die Richtlinie in den Deklarationsabschnitt des

declarations: [ 
     .... 
     PanValidator 
    ], 

Modul registriert ich die Richtlinie verwende als

<input type="text" class="form-control" name="testpan" id="field_testpan" 
      [(ngModel)]="testval.testpan" 
     validatepan /> 

folgt aber es ist weder die Richtlinie Initialisierung noch der Aufruf Funktion validieren.

Answer 1

@Directive({ 
selector: '[validatepan][ngModel], 
    providers: [ 
    { provide: NG_VALIDATORS, useExisting: PanValidator, multi: true } 
    ] 
}) 

Versuchen Sie, den Richtungsdekorator wie oben zu ändern.

Mehr zu Validator auf den Formularen LINK

Answer 2

ich in der Lage war, das Problem herauszufinden. Als ich den Validator dem Exportbereich hinzugefügt habe, funktionierte die Funktionalität nahtlos.

exports: [ 
    .... 
    PanValidator 
],