<mat-form-field>
                <mat-select (keypress)="selectKeyPress($event)" placeholder="State" formControlName = "state" required id="stateDrop">
                  <ng-container *ngFor = "let item of stateList">
                      <mat-option [value] = "item.stateId">{{item.name}}</mat-option>
                  </ng-container>
                </mat-select>
                <mat-error *ngIf="(form.controls['state'].invalid && form.controls['state'].touched)">You must select a state.</mat-error>
              </mat-form-field>