Saltar al contenido

Cómo obtener la identificación del valor seleccionado en Mat-Select Option en Angular 5

Te recomendamos que pruebes esta resolución en un ambiente controlado antes de enviarlo a producción, saludos.

Solución:

La pregunta es específica de Angular 5, pero para otros que vienen aquí con una versión más nueva de Angular, el (change) evento no funcionará para mat-select.

En Angular 6 la (change) el evento ha sido cambiado a (selectionChange).

Así sería:


    
    
      client.clientName
    
  

Y en el componente:

changeClient(value) 
    console.log(value);

De esta respuesta y la documentación.

Para eso necesitas:

Cambio (change)="changeClient($event)" a (change)="changeClient($event.value)"

y de [value]="client.clientName" a [value]="client.id"


    
    
      client.clientName
    
  

DEMO DE TRABAJO

Te mostramos comentarios y puntuaciones

Al final de la post puedes encontrar los comentarios de otros usuarios, tú igualmente tienes la opción de mostrar el tuyo si dominas el tema.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *