2017-07-28 7 views
0

wie Radio-Button und Texteingabe einfügen innen Prompts Alarm in ionic 2. es funktioniert nur mit Texteingabe oder Radiobutton. aber ich möchte Radio-Button-Gruppe mit Optionsfeldern hinzufügen, um nur eine Option und Texteingabe in einer Warnmeldung auszuwählen.ionic 2 Prompts Alarm

meine Codierung

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

Mögliches Duplikat [Ionic: einen Alarm-Controller mit einem Kontrollkästchen und Texteingabe angezeigt] (https://stackoverflow.com/questions/45355758/ionic-showing-an-alert-controller-with-a-checkbox-and-text-input) – sebaferreras

+1

Ah @sebaferreras erkannte nicht, dass es einen dupe gab –

+0

Np np, ich nur echt Weil ich diese Antwort gestern hinzugefügt habe lol – sebaferreras

Antwort

1

Nach dem documentation:

Radios, Kontrollkästchen und Texteingaben akzeptiert werden, aber sie können nicht gemischt werden. Zum Beispiel könnte eine Warnung alle Optionsfeldeingaben oder alle Kontrollkästchen-Eingaben haben, aber dieselbe Warnung kann Radio- und Kontrollkästchen-Eingaben nicht mischen.

Sie sollten eine separate Komponente mit einem verwenden modal controller

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

In Ihren Eltern Seite,

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