以來自墊選項的墊選擇顯示圖像

Question

所以，我有一段HTML，其中包含一個mat-form-field，其中有一個mat-select和一個mat-option。 這些墊選項是從服務器生成的，當選擇了一個選項時，它們需要在墊選擇中顯示一個圖像（每個選項都有自己的圖像）

<mat-select>
    <ng-container
            *ngFor="let option of options">
            <mat-option>
                <!-- Image -->
                    <img
                        height="24px"
                        [src]="option[optionLabelImgKey]"/>
                !-- Label -->
                {{option[optionLabelKey] | translate}}
            </mat-option>
     </ng-container>
</mat-select>

每次選擇新選項時，我都想在mat-select中顯示optionLabel和圖像。

我已經閱讀過有關墊選擇觸發的信息，但對我來說沒有任何用。

Answer 1

嘗試把這個：

<img height="24px" src="option[optionLabelImgKey]"/>

可能是您的問題是，由於無法訪問img而無法顯示該img（錯誤的路由）。

順便說一下，我在stackblitz上創建了一個fork，其中包含mat-select內圖像列表的工作示例，您可以查看一下： https : //stackblitz.com/edit/angular-9txen8