[How?] Ionic 2 POPOVER Passing group radio button value to Page

tutorials
2

I think your query is to pass some value to parent component when something is selected from Popover.
Use popover.onDismiss method to read data back in parent component

presentPopover(ev) {
    let popover = Popover.create(PopoverComponent);
    this.nav.present(popover, {
        ev: ev
    });
    popover.onDismiss(data => {
        console.log("popover dismissed");
        console.log("Selected Item is " + data);
    });
}

and send data when you are closing popover like below

import {Component} from "@angular/core";
import {ViewController, NavParams} from "ionic-angular";

@Component({
    template: `
   <ion-list>
     <ion-list-header>Select Some item</ion-list-header>
     <button ion-item (click)="close(item)" detail-none >item</button>
     <button ion-item (click)="close(item1)" detail-none >item1</button>
   </ion-list>
 `
})
export class PopoverComponent {
    constructor(private viewCtrl: ViewController) {
    }

    close(selectedItem) {
        this.viewCtrl.dismiss(selectedItem);
    }
}
7 Likes