2017-07-28 12 views
0

ラジオボタンとテキスト入力を挿入する方法イオンでのプロンプト警告2 テキスト入力またはラジオボタンでのみ機能します。ラジオボタンのラジオボタングループを追加して、1つのアラートプロンプトで1つのオプションとテキスト入力を選択したいと考えています。イオン2プロンプトの警告

documentationによると

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(); 

output

+1

の可能性のある重複した[イオン:チェックボックスとテキスト入力と警告コントローラを表示] (https://stackoverflow.com/questions/45355758/ionic-showing-an-alert-controller-with-a-checkbox-and-text-input) – sebaferreras

+1

ああ@sebaferrerasは二重が存在することを知らなかった –

+0

Np np、私実物のみ私はその昨日の答えを追加したのでized – sebaferreras

答えて

1

コーディング:

ラジオ、チェックボックスやテキスト入力がすべて受け入れられますが、それらを混合することはできません。たとえば、アラートにはすべてのラジオボタン入力またはすべてのチェックボックス入力が含まれていますが、同じアラートではラジオとチェックボックス入力を混在させることはできません。

あなたは、自分の親ページで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(); 
関連する問題