ionic-framework - 带有输入文本和单选按钮的 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();

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

标签： ionic-frameworkionic3alertionic-native

Answer 1

你不能有不同types的input内部 ionic AllertController。

您应该将模态控制器与formBuilder一起使用，然后您可以根据需要自定义表单