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

Question

我正在寻找一种方法来替换带有图标而不是简单文本的离子选择操作表中的占位符文本。

现在，我知道可以通过在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文本替换OK文本。 'ion-android-checkbox-blank'图标和CANCEL文本，例如'ion-android-close'图标。

Answer 1

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

作为替代方案，您可能希望测试❌和✔️等表情符号，但它们在不同设备之间会有所不同。