in Popover class, don’t word AlertController.
It can display like image.
But don’t work button. cancel/save is no action(include console.log());
this is code.
parent.
presentPopover(ev) { let popover = this.popoverCtrl.create(PopoverReport); popover.present({ev: ev}); }
child.
@Component({
template:<ion-list> <ion-item (tap)="violation();">違反報告する</ion-item> <ion-item (tap)="hide();">非表示にする</ion-item> </ion-list>,
})
export class PopoverReport
{
constructor(
private alert:AlertController
){}violation() { let prompt = this.alert.create({ title: 'Login', message: "Enter a name for this new album you're so keen on adding", inputs: [ { name: 'title', placeholder: 'Title' }, ], buttons: [ { text: 'Cancel', handler: data => { console.log('Cancel clicked'); } }, { text: 'Save', handler: data => { console.log('Saved clicked'); } } ] }); prompt.present(); }
hide() { let confirm = this.alert.create({ title: 'Use this lightsaber?', message: 'Do you agree to use this lightsaber to do good across the intergalactic galaxy?', buttons: [ { text: 'Disagree', handler: () => { console.log('Disagree clicked'); } }, { text: 'Agree', handler: () => { console.log('Agree clicked'); } } ] }); confirm.present(); }}
Please help me. thanks.
