将数据传递给Ionic 5中的popover

ionic generate component MyPopover

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

@Component({
  selector: 'app-my-popover',
  templateUrl: './my-popover.component.html',
  styleUrls: ['./my-popover.component.scss'],
})
export class MyPopoverComponent implements OnInit {
  @Input() data: any;

  constructor() { }

  ngOnInit() {
    console.log(this.data);
  }
}

<ion-content>
  <ion-list>
    <ion-item *ngFor="let item of data">
      {{ item }}
    </ion-item>
  </ion-list>
</ion-content>

import { Component, OnInit } from '@angular/core';
import { PopoverController } from '@ionic/angular';
import { MyPopoverComponent } from '../my-popover/my-popover.component';

@Component({
  selector: 'app-my-page',
  templateUrl: './my-page.component.html',
  styleUrls: ['./my-page.component.scss'],
})
export class MyPageComponent implements OnInit {
  dataToPass: any[] = ['Item 1', 'Item 2', 'Item 3'];

  constructor(private popoverCtrl: PopoverController) { }

  ngOnInit() { }

  async presentPopover(ev: any) {
    const popover = await this.popoverCtrl.create({
      component: MyPopoverComponent,
      componentProps: {
        data: this.dataToPass
      },
      event: ev
    });
    return await popover.present();
  }
}

<ion-button (click)="presentPopover($event)">Open Popover</ion-button>