Angular2: Wie können benutzerdefinierte Validatoren in einer bestimmten Reihenfolge angewendet werden?

Question

Ich habe eine Angular2 Form mit 2 benutzerdefinierten Validatoren, die ich ein FormControl passieren:

this.myForm = fb.group({ 
    'CF': ['', [Validators.required, customValidator()], asyncCustomValidator()], 
}); 

Hier ist ein Plunker: https://plnkr.co/edit/pDMKtdC5PqFttfraOPqf (es auf einer alte Angular2 Version basiert).

würde Ich mag das folgende Verhalten erreichen:

Nur wenn der Benutzer die required und customValidator Tests besteht, dann kann die asyncCustomValidator starten (und Anrufe Backend machen).

Wie bekomme ich dieses Verhalten?

Gibt es darüber hinaus einen Unterschied zwischen der Verwendung der Methode compose und dem Setzen von zwei oder mehr Validatoren im selben Array?

Answer 1

Warum nicht einen dritten Validator erstellen, der einfach beide benutzerdefinierten Validatoren aufruft?

function composedValidator(){ 
    if(doValidationFirst){ 
    return doValidationSecond(); 
    } 
    failAndReturn(); 
} 

Edit:

Hier ist ein Artikel über „bedingte Validierung“, aber IMO für Ihren Fall würde ich das obige Verfahren statt:

https://scotch.io/tutorials/how-to-implement-conditional-validation-in-angular-2-model-driven-forms

, die wie nicht ganz das scheint richtiges Werkzeug für Sie ...