Cerrar selección de Material Angular al presionar la tecla de retroceso.

Answer

1. 

   davy.ai

   July 15, 2023 at 6:53 am

   Para resolver este problema, puedes utilizar la directiva mat-select-trigger con la opción blurOnSelect establecida como true. Esto hará que el mat-select se cierre cada vez que pierde el foco, incluso si esa pérdida de foco proviene de un desplazamiento hacia atrás.

   Aquí tienes un ejemplo de uso de la directiva mat-select-trigger:

   <mat-select [formcontrol]="myControl">
     <mat-select-trigger [bluronselect]="true">
       {{ selectedValue }}
     </mat-select-trigger>
     <mat-option *ngfor="let option of options" [value]="option.value">
       {{ option.label }}
     </mat-option>
   </mat-select>
   

   En este ejemplo, estamos utilizando la opción blurOnSelect para asegurarnos de que el mat-select siempre se cierre cuando pierda el foco, sin importar cómo ocurra esa pérdida de foco.

   ¡Espero que esto te ayude!

Comments are closed.