在Ionic中,可以通过使用路由参数来从模态视图返回参数。以下是一种实现方法:
async openModal() {
const modal = await this.modalController.create({
component: ModalPage,
componentProps: {
param: 'Hello from parent page'
}
});
await modal.present();
}
import { NavParams } from '@ionic/angular';
constructor(private navParams: NavParams) {}
ngOnInit() {
const param = this.navParams.get('param');
console.log(param); // 输出 'Hello from parent page'
}
returnData() {
const data = {
result: 'Data from modal'
};
this.modalController.dismiss(data);
}
async openModal() {
const modal = await this.modalController.create({
component: ModalPage,
componentProps: {
param: 'Hello from parent page'
}
});
await modal.present();
modal.onDidDismiss().then((data) => {
console.log(data); // 输出 { data: { result: 'Data from modal' }, role: 'backdrop' }
console.log(data.data.result); // 输出 'Data from modal'
});
}
通过以上步骤,你可以在Ionic中从模态视图返回参数。请注意,以上示例中的ModalPage是模态视图的组件名称,你需要根据实际情况进行替换。
领取专属 10元无门槛券
手把手带您无忧上云