用图标替换 <ion-select> 按钮文本

Question

我正在寻找一种方法来用图标而不是简单文本替换 ion-select 操作 sheet 中的占位符文本。

现在，我知道可以通过向 HTML 添加“okText”和“cancelText”来更改文本：

<ion-select multiple="true" [(ngModel)]="selectedGenres" (ionChange)="filterByGenre()" okText="Okido!" cancelText="Nah, whatever..">
        <ion-option *ngFor="let genre of genreList" value="{{genre}}">{{genre}}</ion-option>
</ion-select>

但是向这些按钮添加图标的最佳方式是什么？

例如，我想将 OK 文本替换为例如“ion-android-checkbox-blank”图标和取消文本，例如'ion-android-close' 图标。

Answer 1

不直接可能。您可以使用 ionic modal 使用自己的按钮创建自己的选择列表。

作为替代方案，您可能想要测试 ❌ 和 ✔️ 等表情符号，但它们看起来会因设备而异。

用图标替换 <ion-select> 按钮文本

Replacing the <ion-select> button texts by icons

ionic-framework

icons

ion-select