AlertInput 处理程序永远不会被调用答案

【问题标题】：AlertInput handler never gets calledAlertInput 处理程序永远不会被调用
【发布时间】：2019-12-14 02:08:31
【问题描述】：

我正在使用带有 React 和 typescript 的 Ionic 4。

我希望通过电子邮件输入和 2 个按钮“取消”和“接受”来创建警报。

我希望“接受”按钮仅在用户提供有效的电子邮件地址时可用。因此，我想在输入字段处理程序中使用正则表达式，但从不调用处理程序，在键入时或按 Enter 时都不会调用。用户输入时如何调用它

async showAlert() {
  var promise = await alertController.create({
    header: "Recevez la photo dans votre boîte mail",
    inputs: [{
      name: "email",
      type: "email",
      placeholder: "email",
      handler: () => {
        console.log("input Fild Hanlder Called");
      }
    }],
    buttons: [{
        text: "cancel",
        role: "cancel",
        handler: cancel => {
          console.log("cancel");
        }
      },
      {
        text: "envoyer photo",
        role: "send",
        handler: (alertData) => {
          console.log((/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/.test((alertData.email))));
        }
      }
    ]
  });
  await promise.present();
  let result = await promise.onDidDismiss();
}

【问题讨论】：

标签： reactjs typescript ionic-framework ionic4

【解决方案1】：

tl;tr ionic4 中未实现此功能：ionic/issues/19059

比较了rendering a checkbox in an alert 和any other input element 的离子代码后，我得出了一个可悲的结论，即您正在寻找的功能不存在。

目前看来handler 在警报中的输入仅支持复选框和单选输入

was a PR for ionic3 将validators 选项添加到AlertInputs 以提供角度形式验证，但在ionic4 中不再存在。

据我所知，ionic3 requesting input validation for alert inputs 仍有一个未解决的问题，但 ionic4 没有。

更新： new feature request for ionic4

【讨论】：