How To Output in Event From Popover in Ionic 4?


I would like to @Output an Event from from Popover component to Parent component.
My Popover Component is

import { Component, OnInit, Output, EventEmitter } from '@angular/core';

  selector: 'app-order',
  templateUrl: './order.component.html',
  styleUrls: ['./order.component.scss']
export class OrderComponent implements OnInit {
  onSelection = new EventEmitter<any>();

  constructor() {}

  ngOnInit() {}

  public selected() {

Parent Component is

async sortPopover(ev: any) {
    const popover = await this.popoverController.create({
      component: OrderComponent,
      event: ev,
      translucent: true
    return await popover.present();

I what to receive the onSelection event from Popover component into Parent component.

Dose any body know how to do that?


I don’t know if this is somewhat similar, but I have emitter problem in my project also with custom component. My emitter does work, if it’s in ngOnInit(), but when I try to use the same code in a function on that same component (exactly the same code / emit), it doesn’t ever send the emit. I have no idea why it doesn’t work in that function, but work on ngOnInit() -function. My problem is that I really can’t use the ngOnInit() because some other things in my code are not ready yet (user login) so the code in ngOnInit fails. However, I have “hacked it” by setting a timeout in ngOnInit(), but I would really like to get to the bottom of why the event emitter doesn’t emit in the other function, when I call it from my app.components… The function (and function call) does work, it just won’t emit.