0

So i have a dropdown first. Then i have a input. When i select the input without selecting the first dropdown, i need to show validation for the first drop down.

1.First form:

       <mat-select
          formControlName="client"
          multiple
          class="custom-select-csRp"
          panelClass="custom-select-panelCsrp mat-select-custom scrollcsrp"
          disableOptionCentering
          #selectcsrp
          contentTabIndex="null"
          (openedChange)="panelOPened()"
          #matSelect
          (selectionChange)="matOPtionChanged($event)"
        >
          <mat-option #allSelected [value]="0"> All </mat-option>

          <mat-option *ngFor="let list of clientList" [value]="list">
            {{ list }}
          </mat-option>
        </mat-select>     
   

2.Second form :

          <div class="access-type-text ipHeading">Entity ID</div>
            <div
              [ngClass]="{
                'is-empty': !createRAForm.get('entityIDControl').value
              }"
              class="form-group label-floating"
            >
              <label class="control-label" for="entityId">Entity ID</label>
              <input
                class="form-control ipFields"
                id="entityId"
                type="text"
                name="entityId"
                formControlName="entityIDControl"
                (keyup)="ipFieldEnable($event, 'entityIDControl')"
              />
          </div>

0 Answers0