离子:显示带有复选框和文本输入的警报控制器

时间:2017-07-27 16:00:13

标签: ionic2 ionic3

我正在尝试显示一个复选框以及文本输入字段。 (离子3.5.3)

复选框未显示。我查看了another SO thread的类似问题。代码似乎与我正在做的相同。

代码:

let alert = this.alert.create({
      title: 'Name your trip',
      inputs: [
      {
        name: 'name',
        placeholder: 'Your trip name',
      },
      {
         name: 'gpsxy',
         type:'checkbox',
         checked:true,
         label:'Log GPS co-ords',
         value:"true"
      }
    ],

      buttons: [{
        text: 'Cancel',
        role: 'cancel',
        handler: data => {
        }
      },
      {
        text: 'Ok',
        handler: data => {
      }],
    });
    alert.present();

以下是屏幕截图:enter image description here

2 个答案:

答案 0 :(得分:7)

就像你在the docs

中看到的那样
  

警报还可以包含几个不同的输入,其数据可以是   传回应用程序。输入可以用作提示的简单方法   用户获取信息。 无线电,复选框和文本输入都是   接受了,但他们不能混在一起。例如,警报可能有   所有单选按钮输入或所有复选框输入,但相同的警报   无法混合收音机和复选框输入。请注意不同的类型   " text""输入可以混合,如网址,电子邮件,文本等。如果你   需要一个复杂的表单UI,它不符合指南   然后我们建议在模式中构建表单。

所以我担心在Ionic中不可能做到这一点:(

答案 1 :(得分:0)

绝对正确的事情是创建一个模态。但是我通过嵌套警报来使用一种解决方法。我在answer here

中进行了解释并演示了一个有效的演示