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

【问题标题】：Ionic: Showing an alert controller with a checkbox and text input离子：显示带有复选框和文本输入的警报控制器
【发布时间】：2020-12-16 07:40:29
【问题描述】：

我正在尝试显示一个复选框以及一个文本输入字段。（离子 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();

这是截图：

【问题讨论】：

您可以使用模态框代替您想要的任何输入和元素来模拟警报。
好的，谢谢。这就是我打算做的——更多的工作，但唯一的选择:)

标签： ionic2 ionic3

【解决方案1】：

就像你在the docs看到的一样

警报还可以包括几个不同的输入，其数据可以传回应用程序。输入可以作为一种简单的提示方式用户获取信息。收音机、复选框和文本输入都是接受，但不能混用。例如，警报可能有所有单选按钮输入，或所有复选框输入，但相同的警报不能混合使用单选和复选框输入。但是请注意，不同的类型的“文本”输入可以混合，例如 url、电子邮件、文本等。如果您需要一个复杂的表单 UI，它不符合然后我们建议在模式中构建表单。

所以恐怕在 Ionic 中不可能做到这一点:(

【讨论】：

谢谢！我正要发帖，删除输入框正确显示了 GPS 复选框！啊！不过谢谢！（我无法接受接下来 10 分钟的回答 - 多么令人沮丧）

【解决方案2】：

绝对正确的做法是创建一个模态。但我使用了一种解决方法，即嵌套警报。我在我的answer here 中解释并进行了工作演示

【讨论】：