在Angular Material中选择后如何在md-option中获取图像

Question

我有一个md-select，我希望能够让值具有图像。但我无法做到。

我搜索并解决了这个问题https://github.com/angular/material2/issues/2275。

但是有任何解决方法。

我的进步

  <div>
    <md-select placeholder="Icon" [(ngModel)]="actionHook.icon" name = "icon">
      <md-option *ngFor="let icon of icons" [value]="icon.display">
        <i class="material-icons customIcons">{{icon.display}}</i>
      </md-option>
    </md-select>
  </div>

它仅显示选择中的图标，但是当我选择仅图像时，值不会显示图标

要求

如果我选择我得到第二个在哪里我想要图像和文本然后传递的值只是文本。希望我很清楚

Answer 1

在任何下拉列表中选择一个选项或md-select。你得到了价值。不是图标。您将获得[value]属性中提供的值。

<md-option *ngFor="let icon of icons" [value]="icon.display">

如果您需要在模板中的其他位置显示图标，请使用

<i class="material-icons customIcons">{{EMITTED_VALUE}}</i>