用图标替换<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文本替换为“离子-android-复选框-空白”图标，并将“取消文本”替换为“离子-android-关闭”图标。

Answer 1

没有直接的可能。您可以使用离子模式创建您自己的选择列表与您自己的按钮。

作为另一种选择，您可能希望测试像❌和✔️这样的表情符号，但它们在设备之间的外观会有所不同。