Angular Form Builder Optional Erforderliches Feld

Question

Ich möchte ein Feld eines Formbuilders basierend auf der Option eines anderen Feldes als erforderlich oder nicht erforderlich festlegen.

Zum Beispiel, wenn ich 2 Optionen "über 18" oder "unter 18" und ein "Alter" eingereicht habe. Wenn ich Option "über 18" auswähle. Ich muss das Feld "Alter" erforderlich machen (obligatorisch). Wenn ich Option "unter 18" auswähle. Das Feld "Alter" wird nicht benötigt.

Wie kann ich diese Anforderung mit Form-Builder aufbauen? Ich habe viel versucht, aber nichts funktioniert.

Vielen Dank für Ihre Unterstützung.

Answer 1

Ich bin mir nicht sicher, ob es eine Möglichkeit gibt, dies direkt mit FormBuilder zu tun, aber Sie sollten dies erreichen können, indem Sie in Ihrer Vorlageneingabe an [required] binden.

<input type='text' formControlName='age' [required]="form.get('over18').value === 'true'">

form der Name ist Ihr FormGroup und true der Wert Ihrer Checkbox/Radioeingangs zu sein.

Dadurch wird das Formular ungültig, wenn das Feld over18true ist und nichts in das Feld age eingegeben wird.