ionic2 - Ionic 2将单选按钮添加到警报 Controller

标签 ionic2 radio-button

如何在ionic 2中的警报 Controller 中添加单选按钮作为输入按钮?
它与复选框一起使用,但是我想添加带有单选按钮的单选按钮组以仅选择一个选项。

  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();
}

关于ionic2 - Ionic 2将单选按钮添加到警报 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44086364/

相关文章:

angular - 如何通过变量使用所有CSS类或代码?

html - CSS 样式复选框

javascript - 根据选择的单选按钮更改按钮链接

knockout.js - 使用 Knockout hasFocus 绑定(bind),如何跟踪一组单选按钮的焦点?

twitter-bootstrap - 如何使用带有单选按钮列表的 Bootstrap Accordion

ionic-framework - ionic 2 微调器 api

angular - 数据驱动文档 (D3.js) 单击时会改变颜色

typescript - Uncaught Error : Cannot find module - Ionic 2

ionic-framework - ionic.io 和 ionic 框架的区别

jquery-mobile - jquery 移动字段集宽度