离子2提示警报

Question

如何在离子2中的提示警报内插入单选按钮和文本输入。 它仅适用于文本输入或单选按钮。但我想添加单选按钮组和单选按钮，在一个警报提示中只选择一个选项和文本输入。

我的编码

  let prompt = this.alertCtrl.create({
  title: 'Add Course',
  message: "Enter Course Detailes",
  inputs: [

    {
      name: 'id',
      placeholder: 'Course ID'
    },

     {
      name: 'img',
      placeholder: 'Image url'
    },
     {
      name: 'title',
      placeholder: 'Title'
    },
      {
      name: 'Details',
      placeholder: 'Details'
    },
         {
      type:'radio',
      label:'something1',
      value:'something1'
    },
    {
     type:'radio',
     label:'something2',
     value:'something2'
     }
     ],
     buttons : [
     {
     text: "Cancel",
     handler: data => {
     console.log("cancel clicked");
     }
     },
     {
     text: "Save",
     handler: data => {
     console.log("search clicked");
     }
     }
     ]
     });
     prompt.present();

Answer 1

根据documentation：

  

无线电，复选框和文本输入均已被接受，但不能混用。例如，警报可以包含所有单选按钮输入或所有复选框输入，但同一警报不能混合无线电和复选框输入。

您应该使用带有modal controller

的单独组件

@Component(...)
class AddCourses {
 courseForm:FormGroup
 constructor(params: NavParams) {
 }
  //create the form reactive or template driven
}

在您的父页面中

 let coursesModal = this.modalCtrl.create(AddCourses, data);
   coursesModal.present();