Как отобразить изображение и текст в ion-select в IONI C 4

Question

Я хочу показать флаг страны и название на ion-select.
Изображение не отображается в настройках.

Что делать?

Так же, как это изображение не код страны:

. html

<ion-list >
  <ion-item>
    <ion-label>Choose Country</ion-label>
    <ion-select  placeholder="Country" value="1" #countryList (ionChange)="chooseCountry()" [(ngModel)]="userCountry">
      <ion-select-option *ngFor="let item of optionsArray" value="{{item.id}}">
        {{item.name}}
        <img class="flag" [src]='item.flag'>
      </ion-select-option>
    </ion-select>
  </ion-item>
</ion-list>

Answer 1

Невозможно добавить изображения в ion-select-option, но вы можете достичь того же самого самостоятельно:

1. создать страницу и создать обычный список ионов с помощью ngfor и внутри каждого элемента поместите изображение и текст в ion-item.
2. откройте эту страницу как модальную и задайте этот модальный пользовательский css в файле golobsl .s css как обычное предупреждение о выделении, например (width: 450px; height: 350px;).
3. при открытии массива модальной отправки, который будет содержать изображения или api-ссылку на запрашиваемый при открытии модала.
4. получить реквизиты модала, которые отправляются вместе с navParams и тем самым вы получите именно то, что хотели.

И для получения дополнительной информации напишите комментарий и будет с вами в любое время.