Как создать ионный отбор, который графически похож на ионный ввод?

Question

Я хочу получить <ion-select>, равный <ion-input> со сложенной меткой.

Что у меня сейчас:

Что я хочу:

Конечно, у этого должен быть маленький треугольник справа, чтобы сделать выбор.

Answer 1

Вы можете сделать так:

.html

<ion-list>
    <ion-item style="padding-bottom: 10px; min-height: 6.4rem;">
        <ion-label color="primary" stacked>Music</ion-label>
        <ion-select style="height: 100%; padding-bottom: 0px; font-weight: 500;">
            <ion-option *ngFor="let temp of musicArr">{{ temp.name }}</ion-option>
        </ion-select>
    </ion-item>
</ion-list>

Answer 2

Для этого нет встроенных функций. Вы можете построить свой собственный, но это довольно сложное мероприятие. К счастью, есть специальный компонент ionic-select-searchable , который делает это:

Просто установите его в соответствии с инструкциями на этой странице и добавьте его на свою страницу.