У меня проблема с пользовательскими кнопками в ion-select
.
Я хотел бы настроить пользовательские действия кнопок в ion-select
с [selectOptions]="selectOptions"
. Свойства title
, subtitle
работают нормально, но buttons
нет.
Вот мой код:
HTML:
<ion-select (ionCancel)="test()" interface="Alert" [selectOptions]="selectOptions" [(ngModel)]="secondChoiceSelectMobile" (ionBlur)="selectSecondeChoice(secondChoiceSelectMobile, 'click')">
<ion-option [value]="secondChoice" *ngFor="let secondChoice of listeSecondChoice ">
<p>{{secondChoice}}</p>
</ion-option>
</ion-select>
.TS
this.selectOptions = {
title: "test Title",
subTitle: "test SubTitle",
buttons: [
{
text: 'TEST 1',
role: 'cancel',
handler: () => {
console.log('1');
}
},
{
text: 'TEST 2',
handler: () => {
console.log('2');
}
}
]};
Теперь результат: мое предупреждение в ion-select
:
PS: я не хочу использовать (ionCancel
), потому что я нужно сохранить значение. Или, может быть, у вас есть лучшее решение. Спасибо.