ionic4创建模态页时 ModalController 报错

最新推荐文章于 2024-09-13 06:03:49 发布

元宵不吃汤圆

最新推荐文章于 2024-09-13 06:03:49 发布

阅读量931

点赞数

文章标签： ionic4 ModalController 模态

本文链接：https://blog.csdn.net/weixin_41844140/article/details/90766789

版权

1. 创建模态页

这里我已经创建好了，是一个page页面，名字叫 ticket

2. 打开 app-routing.module.ts

删掉 app-routing.module.ts 中创建页面后自动配置的路由部分
在这里插入图片描述

3. 打开 app.module.ts

引入 ticket页面

在这里插入图片描述

4. 创建模态(跳转页面绑定的方法)

import { ModalController } from '@ionic/angular';
import { TicketPage } from 'src/app/ticket/ticket.page';

// 跳转模态页的方法
async toModal() {
	const modal = await this.ModalCtrl.create({
		component: TicketPage,
		componentProps: { value: '啦啦啦啦啦～' }
	})
	return await modal.present();
}