Estoy tratando de implementar una forma angular reactiva donde se debe ingresar A o B. A es una identificación única y B es un conjunto de valores que identifican la identificación. Ahora trato de validar un Formulario que sea válido si se ingresa A o B, incluidos todos los valores requeridos. Encontré varias soluciones que implementan este comportamiento basado en FormFields pero no pude hacerlo funcionar con el grupo de valores.

 <form class="container" [formGroup]="myForm" (ngSubmit)="onSubmit()"> <mat-form-field class="w-1/2"> <mat-label>ID</mat-label> <input matInput type="number" formControlName="id"> </mat-form-field> <div class="grid grid-cols-3 gap-4" formGroupName="innerGroup"> <mat-form-field> <mat-label>First Name</mat-label> <input matInput type="number" formControlName="firstName"> </mat-form-field> <mat-form-field> <mat-label>Last Name</mat-label> <input matInput type="number" formControlName="lastName"> </mat-form-field> </div> </form>

Mi primera idea fue anular el validador predeterminado para el formulario, pero no pude encontrar la manera de hacerlo. Ni siquiera estoy seguro de si sería posible. Estaba tratando de ajustar https://stackoverflow.com/a/48714721 para que funcionara en mi escenario, pero no tenía idea de cómo hacerlo funcionar debido a la complejidad adicional con el grupo de formulario interno.