Ionic4 路由跳转-loadChildren

陈新月-Phyllis

于 2018-12-27 21:40:26 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： ▲项目成长▼ # 实战项目 ionic学习文章标签： ionic4 路由跳转

本文链接：https://blog.youkuaiyun.com/csxypr/article/details/85308900

本文介绍了在 Ionic4 中使用 `loadChildren` 进行路由跳转的方法。通过修改 `tabs.router.module.ts` 和 `app-routing.module.ts` 文件，详细阐述了如何配置 `loadChildren` 以及 `redirectTo` 属性，解决路由跳转问题。同时提醒开发者在修改文件夹和页面命名时要确保一致性，避免项目运行错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天小咸儿使用 ionic start myApp tabs --type=angular 创建了一个新项目，想要根据自己的业务需求修改一下页面，但是在路由跳转这犯了难。接下来仔细的说明一下使用 loadChild 如何进行页面跳转。

使用tabs创建项目，会在创建初始就带有三个tab页，将其改成自己需要的内容：
在这里插入图片描述
接下来需要注意的就是 tabs.router.module.ts 和 app-routing.module.ts 这两个页面了，如果是在创建项目的基础上修改路由的话，改动的地方就不是很大了。