角材料。如何使用图标创建md-select？

Question

我在md-option中添加了图标，我想用选定的语言查看它。 这里是我的代码

<md-select id="countryString" name="countryString" [(ngModel)]="selectedCountry" > 
      <md-option [value]="'en'"> 
      <img src="../../assets/images/icons/en.png" />Англійська</md-option> 
      <md-option [value]="'ua'"> 
      <img src="../../assets/images/icons/ukr.png" />Українська</md-option> 
      <md-option [value]="'ru'"> 
      <img src="../../assets/images/icons/ru.png" />Російська</md-option> 
     </md-select> 

我不能显示IMG在这里我问一个：https://github.com/angular/material/issues/10694

Answer 1

您应该创建一个容器元素与具有条件src属性的img元素。

<!-- only show when the user has selected a value --> 
<div *ngIf="selectedCountry"> 
    <img src="../../assets/images/icons/{{selectedCountry}}.png"/> 
</div> 

<!-- your select element --> 
<md-select ... 

您可能需要包装这些元素在flex容器或使用浮动。