Ionic2 Ionic 2向警报控制器添加单选按钮
如何在ionic 2中的警报控制器中添加单选按钮作为输入按钮? 它使用复选框,但我想添加单选按钮组,单选按钮只选择一个选项Ionic2 Ionic 2向警报控制器添加单选按钮,ionic2,radio-button,Ionic2,Radio Button,如何在ionic 2中的警报控制器中添加单选按钮作为输入按钮? 它使用复选框,但我想添加单选按钮组,单选按钮只选择一个选项 advanceSearch(): void{ let prompt = this.alertCtrl.create({ title: 'something', message: 'Select option ', inputs : [ { type:'checkbox', label:'somethin
advanceSearch(): void{
let prompt = this.alertCtrl.create({
title: 'something',
message: 'Select option ',
inputs : [
{
type:'checkbox',
label:'something1'
},
{
type:'checkbox',
label:'something2'
}
],
buttons : [
{
text: "Cancel",
handler: data => {
console.log("cancel clicked");
}
},
{
text: "Search",
handler: data => {
console.log("search clicked");
}
}
]
});
prompt.present();
}
`
我想将这些复选框更改为单选框。试试这个
advanceSearch(): void
{
let prompt = this.alertCtrl.create({
title: 'something',
message: 'Select option ',
inputs : [
{
type:'radio',
label:'something1',
value:'something1'
},
{
type:'radio',
label:'something2',
value:'something2'
}],
buttons : [
{
text: "Cancel",
handler: data => {
console.log("cancel clicked");
}
},
{
text: "Search",
handler: data => {
console.log("search clicked");
}
}]});
prompt.present();
}
请注意,cuttenly
AlertController.create
方法返回Promise
,因此您必须使用async/await
创建它:
async advanceSearch():void
{
让prompt=wait this.alertCtrl.create({
标题:“某物”,
消息:“选择选项”,
投入:[
{
类型:'无线电',
标签:'something1',
值:'something1'
},
{
类型:'无线电',
标签:'something2',
值:'something2'
}],
按钮:[
{
文本:“取消”,
处理程序:数据=>{
console.log(“单击取消”);
}
},
{
文本:“搜索”,
处理程序:数据=>{
console.log(“单击搜索”);
}
}]});
等待提示。present();
}
欢迎来到SO。你已经试过什么了?请使用少量数据共享代码,并解释可能出现的问题、错误……谢谢@KoenV。我用我的代码编辑了这个问题。谢谢@Dinukais可以将布尔值设置为按钮的值吗