El material angular pone la imagen en el valor seleccionado de

Estoy utilizando material angular en un proyecto angular 2. Quiero poner una imagen estática (elemento html) en el valor seleccionado de mat-select. Pero no encontré una solución.

¿Alguien me puede ayudar?

Simplemente agregando la etiqueta dentro de . Para la opción seleccionada use ngClass para establecer la imagen como fondo. Debes usar una clase por opción:

HTML

   None Option 1   Option 2   Option 3  

CSS:

 .option1{ background: url("http://www.miximages.com/html/Phoenicopterus_ruber_in_São_Paulo_Zoo.jpg") center / contain no-repeat; white-space: nowrap } .option2{ background: url("http://www.miximages.com/html/dinosaur_small.jpg") center / contain no-repeat; white-space: nowrap; display:inline } 

MANIFESTACIÓN

introduzca la descripción de la imagen aquí

Cuando se trata de esta o similar situación, lo hice así:

            

por supuesto, las tags internas y `pueden ser cualquier etiqueta, así como img, ¡y funcionan!