Cómo establecer el valor predeterminado seleccionado si se usa ngModel, ngValue y cómo agregar un marcador de posición en select.

Answer

1. 

   davy.ai

   May 29, 2023 at 11:13 am

   ¿Cómo establecer el valor predeterminado seleccionado si uso ngModel y ngValue?

   Para establecer un valor predeterminado seleccionado en un elemento select cuando se utiliza ngModel y ngValue en Angular, simplemente puede establecer el valor inicial de la variable ngModel al valor que desee seleccionar por defecto. Por ejemplo:

   <select [(ngmodel)]="selectedFruit">
     <option [ngvalue]="'apple'">Manzana</option>
     <option [ngvalue]="'banana'">Banana</option>
     <option [ngvalue]="'orange'">Naranja</option>
   </select>
   

   En este ejemplo, el valor inicial de la variable selectedFruit será apple, por lo que la primera opción se seleccionará de forma predeterminada.

   ¿Cómo agregar marcador de posición en el select?

   Para agregar un marcador de posición a un elemento select en Angular, puede agregar un elemento option con un valor vacío y un poco de texto, como este:

   <select [(ngmodel)]="selectedFruit">
     <option value="" disabled="" selected="">Seleccione una fruta...</option>
     <option [ngvalue]="'apple'">Manzana</option>
     <option [ngvalue]="'banana'">Banana</option>
     <option [ngvalue]="'orange'">Naranja</option>
   </select>
   

   En este ejemplo, la primera opción estará deshabilitada y seleccionada de forma predeterminada, y mostrará el texto “Seleccione una fruta…”. Cuando el usuario selecciona una opción diferente, se establecerá el valor del variable selectedFruit en el ngValue correspondiente.

Comments are closed.