Crear un popOver en Ionic

ionic-popover.ts

import { Component, OnInit } from '@angular/core';
import { PopoverController } from '@ionic/angular';
import { AddPeopleComponent } from '../../components/pop-overs/add-people/add-people.component';

@Component({
    selector: 'app-people',
    templateUrl: './people.page.html',
    styleUrls: ['./people.page.scss'],
})
export class PeoplePage implements OnInit {
    currentPopover;

    constructor(private popoverController: PopoverController) { }

    ngOnInit() {
    }


    async showPopoverAddPeople(ev: any) {
        const popover = await this.popoverController.create({
            component: AddPeopleComponent,
            event: ev,
            translucent: true
        });
        this.currentPopover = popover;
        return await popover.present();
    }

    dismissPopover() {
        if (this.currentPopover) {
            this.currentPopover.dismiss().then(() => { this.currentPopover = null; });
        }
    }

}