Вы можете использовать componentProps
для отправки данных в ваше всплывающее окно
async presentPopover(ev: any) {
const popover = await this.popoverController.create({
component: MessagesComponent,
cssClass: 'my-custom-class',
event: ev,
translucent: true,
componentProps: {
id: 1
}
});
return await popover.present();
}
Получить данные в MessagesComponent с помощью navParams:
constructor(private navParams: NavParams) {}
ngOnInit() {
console.log(this.navParams.get('id')); // 1
}
Отправить данные обратно в исходное состояние page
Отправьте данные обратно в свой компонент с помощью dismiss
.
this.popoverController.dismiss({ id: 1 });
Готово к их получению внутри созданной функции presentPopover
async presentPopover(ev: any) {
const popover = await this.popoverController.create({
// ...
});
popover.onDidDismiss().then((result: object) => {
if (result['data']) {
console.log(result['data'].id) // 1
}
});
return await popover.present();
}