Tengo un menú desplegable Angular que lee y configura valores de un servidor SQL a través de la clase intermedia TypeScript. Su comportamiento actual es alterar el texto mecanografiado en el momento en que el usuario hace clic en el menú desplegable, cerrando el menú desplegable y recargando la página dinámica. Los usuarios encuentran esto molesto y preferirían poder hacer clic libremente dentro del menú desplegable sin alterar el valor del texto mecanografiado enlazado, SÓLO cambiándolo cuando hacen clic fuera del menú y cerrándolo. ¿Hay una forma conocida de lograr esto?

 <mat-form-field> <mat-label>Year</mat-label> <mat-select formControlName="year" (selectionChange)="isStandardOrCurrentCost()"> <mat-option *ngFor="let year of getAvailableYears()" [value]="year">{{year}}</mat-option> </mat-select> <control-messages [control]="form.get('year')"></control-messages> </mat-form-field>