Angular2: Wie setze ich Validators.required als allgemeine Validierung für 2 Felder fest?

Question

Ich benutze Angular2 ForumBulder, um Formulare zu erstellen und Validierungen hinzuzufügen. Unter dem Beispielcode von Komponente

this.OtpForm = this._fb.group({ 
    otpInput: this._fb.group({ 
     otpInput1: ['', Validators.required], 
     otpInput2: ['', Validators.required], 
     otpInput3: ['', Validators.required], 
    }, { validator: this.numericValidator }) 
}); 

Jetzt funktioniert das gut. Aber Frage ist, wie zu Validators.required für alle Felder wie Custom Validator numericValidator?

Answer 1

könnten Sie noch eine benutzerdefinierte Validator für otpInput Gruppe erstellen, zum Beispiel

validateAllRequired(g: FormGroup) { 
    let ctrls = g.controls; 
    let keys = Object.keys(ctrls); 
    let valid = true; 
    keys.forEach((key) => { 
     let ctrl = ctrls[key]; 
     if (ctrl.value.trim() == '') { 
     valid = false; 
     } 
    }); 
    return valid ? null : { 
     validateAllRequired: { 
     valid: valid 
     } 
    }; 
} 

und hinzufügen:

otpInput: this._fb.group({ 
    otpInput1: [''], 
    otpInput2: [''], 
    otpInput3: [''], 
}, { validator: Validators.compose([this.numericValidator, this.validateAllRequired]) }) 

kombinieren Validierer mit Validators.compose()

Validators.compose([...]) 

für asynchrone Validierer verwenden

Validators.composeAsync([...])