Ionic中如何从Alert输入框获取字符串？TypeScript开发求助

核心问题是你的Alert配置里没有定义输入框的inputs数组，点击OK时alertData根本没有ssid、pw、email这些字段，自然没法赋值到变量里。

修复步骤：

• 在alertController.create()的配置对象中添加inputs数组，每个输入框必须指定name属性（和你handler里要读取的字段名一致），同时设置type、placeholder等必要参数
• 确保调用alert.present()方法显示弹窗（原代码漏掉了这一步）
• 提前在组件类中声明要赋值的变量：wifiName、wifiPassword、email、data

完整修复后的代码示例：

// 组件类中提前声明变量
wifiName: string = '';
wifiPassword: string = '';
email: string = '';
data: string = '';

async presentAlert() {
  const alert = await this.alertController.create({
    header: 'Input wifi information',
    // 新增输入框配置
    inputs: [
      {
        name: 'ssid',
        type: 'text',
        placeholder: '请输入WiFi名称'
      },
      {
        name: 'pw',
        type: 'password',
        placeholder: '请输入WiFi密码'
      },
      {
        name: 'email',
        type: 'email',
        placeholder: '请输入邮箱'
      }
    ],
    buttons: [
      {
        text: '取消',
        role: 'cancel'
      },
      {
        text: '确定',
        handler: (alertData) => {
          // 现在可正常获取输入值并赋值
          this.data = `${alertData.ssid},${alertData.pw},${alertData.email}`;
          this.wifiName = alertData.ssid;
          this.wifiPassword = alertData.pw;
          this.email = alertData.email;
          
          // 可选：添加输入验证，返回false可阻止弹窗关闭
          if (!alertData.ssid || !alertData.pw) {
            return false;
          }
        }
      }
    ]
  });

  // 显示弹窗
  await alert.present();
}

内容的提问来源于stack exchange，提问作者최윤섭