Отображать изображение в mat-select, исходя из mat-option - PullRequest
Новая
       7

Отображать изображение в mat-select, исходя из mat-option

0 голосов
/ 21 ноября 2018

Итак, у меня есть кусок html, который включает поле mat-form-field, у которого есть mat-select и mat-option.Эти параметры mat создаются на сервере, и у них есть изображение, которое мне нужно отображать в mat-select при выборе параметра (у каждого параметра есть свое изображение) 

<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>

Я хочу отобразитьoptionLabel и изображение в mat-select каждый раз, когда выбирается новая опция.

Я читал о mat-select-trigger, но у меня ничего не работает.

1 Ответ

0 голосов
/ 28 ноября 2018

Попробуйте поставить так: 

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

Возможно, ваша проблема в том, что img не отображается из-за невозможности доступа к файлу (неверный маршрут).

Кстати, ясоздал форк на stackblitz с рабочим примером списка изображений внутри mat-select, на который вы можете посмотреть: https://stackblitz.com/edit/angular-9txen8

...