带输入文本和单选按钮的 Ionic3 警报

Question

我正在尝试将输入文本和单选按钮合并到一个警报对话框中。我有三个选项，如果用户选择第三个选项，将出现一个输入文本，用户需要输入一些内容。

我在互联网上搜索过，但找不到可以帮助我解决这个问题的东西。我希望有人能帮助我。

这是我的代码和示例输出。

let alert = this.alertCtrl.create({
        title: 'Select one?',
        message: "Please select one or enter something",
        inputs: [
          {
            type: 'radio',
            label: 'Option 1',
            value: 'Option 1',
          },
          {
            type: 'radio',
            label: 'Option 2',
            value: 'Option 2',
          },
          {
            type: 'radio',
            label: 'Other Option',
            value: 'Other Option',
          },
          {
            type: 'text',
            placeholder: 'Enter other option',
          }
        ],
        buttons: [
          {
            text: 'Submit',
            handler: (data: any) => {
              console.log(data);
            }
          }
        ]
      });
      alert.present();

这是我的代码的当前输出。

Answer 1

你不能在 ionic AllertController.

中有不同的 types of input

您应该将 Modal Controller 与 formBuilder 一起使用，然后您可以根据需要自定义表单

带输入文本和单选按钮的 Ionic3 警报

Ionic3 Alert with Input Text and Radio Button

ionic-framework

ionic3

alert

ionic-native