如何用控制器处理离子模态上的事件
如何用控制器处理离子模态上的事件
提问于 2022-11-11 14:50:54
我在nuxt项目中使用离子6，我想展示一个模式。所以我使用了离子模态控制器(https://ionicframework.com/docs/api/modal#controller-modals)。
但我不知道如何在控制器中使用事件(https://ionicframework.com/docs/api/modal#events)。
当断点改变时，我想使用事件'ionBreakpointDidChange‘来改变我的模式内容。
这是我的控制器
modal = await modalController.create({
component: Modal,
breakpoints: [0, 0.2, 0.5, 1],
initialBreakpoint: 0.5,
backdropBreakpoint: 1,
backdropDismiss: false,
})
modal.present()如果有人能帮我，那就太完美了
我试着：
- modal.addEventListener('ionBreakpointDidChange'，() => {})
- modal.ionBreakpointDidChange(() => {})
回答 1
Stack Overflow用户
发布于 2022-11-13 16:38:11
对于Ionic 4+：
modal = await modalController.create({
component: Modal,
breakpoints: [0, 0.2, 0.5, 1],
initialBreakpoint: 0.5,
backdropBreakpoint: 1,
backdropDismiss: false,
});
modal.ionBreakpointDidChange().then(() => {
*what you want to happen*
});
modal.present();但是，由于您使用的是Ionic 6，我建议您使用内联版本，这个版本更简单，并由docs推荐：
<ion-modal [initialBreakpoint]="..." [breakpoints]="[...] (ionBreakpointDidChange)="...">
<ng-template>
* your modal *
</ng-template>
</ion-modal>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74404259
复制相关文章
相似问题
腾讯云开发者
