Ionic2 IONAL-如何在ion select上显示[selectOptions]中定义的自定义按钮?
我试图通过在[selectOptions]中输入选项来定义离子选择上的自定义按钮,如下所示: HTML: 标题和副标题显示良好,但按钮只是默认按钮。我做错了什么?我怎样才能修好它Ionic2 IONAL-如何在ion select上显示[selectOptions]中定义的自定义按钮?,ionic2,ionic3,alert,ionic4,ion-select,Ionic2,Ionic3,Alert,Ionic4,Ion Select,我试图通过在[selectOptions]中输入选项来定义离子选择上的自定义按钮,如下所示: HTML: 标题和副标题显示良好,但按钮只是默认按钮。我做错了什么?我怎样才能修好它 谢谢 这并没有完全回答这个问题,但这是一项实际可行的工作。(也许是目前唯一的解决办法) 我刚刚创建了一个触发弹出窗口的简单按钮,但这可以是一个样式类似于常规选择的元素,并显示所选选项或您想要的任何内容: HTML: 我也有同样的怀疑。也许没有办法,我已经用另一种方式修复了。我可以稍后再发布答案。这会很有帮助的!我太需要
谢谢 这并没有完全回答这个问题,但这是一项实际可行的工作。(也许是目前唯一的解决办法) 我刚刚创建了一个触发弹出窗口的简单按钮,但这可以是一个样式类似于常规选择的元素,并显示所选选项或您想要的任何内容: HTML:
我也有同样的怀疑。也许没有办法,我已经用另一种方式修复了。我可以稍后再发布答案。这会很有帮助的!我太需要在关闭选择时执行一个操作了,以至于我一直在考虑从头开始创建自己的选择组件。这基本上就是我所做的。我现在就发。
<ion-select [(ngModel)]="selectedSkypeUser" [selectOptions]="getSelectOptions()">
<ion-option *ngFor="let user of skypeUsers" [value]="user.name">
{{user.name}}
</ion-option>
</ion-select>
private skypeUserButtons = {
title: "Skype users",
subTitle: "Select the user you want to change",
buttons: [
{
text: 'Cancel',
role: 'cancel',
handler: () => {}
},
{
text: 'Delete',
handler: () => {
this.deleteSkypeUser();
}
},
{
text: 'Add new user',
handler: () => {
this.addSkypeUser();
}
}
]
};
getSelectOptions() {
return this.skypeUserButtons;
}
<button ion-button icon-left round (click)="showUserDialog()">
Edit users
</button>
showUserDialog() {
let inputs = [];
let users = this.skypeUsers;
users.forEach(user => {
inputs.push({
type: 'radio',
label: user.name,
value: user.name
});
});
let alert = this.alertCtrl.create({
title: "Select user",
inputs,
buttons: [
{
text: 'Cancel',
role: 'cancel'
},
{
'Delete',
handler: data => {
// data == selected user.name (value)
}
}
},
{
text: 'Add new user',
handler: () => {
// Trigger logic to add new user
this.createNewUser()
// Return true to close the alert - false to keep it open
return true;
}
}]
});
alert.present();
}