Ionic 懒加载

个人记录 专栏收录该内容
10 篇文章 0 订阅

Ionic 新出了一个懒加载,貌似挺不错的东西,能省不少事情。。。。。。。。。

新建一个ionic的blank(空模板) 项目:ionic start 项目名 blank

本来应该是这样的:。刚创建下来的项目,没有自动的懒加载,所以需要自己弄。

一: 既然需要懒加载,那app.module.ts 里面除了MyApp这个页面,其他的都给删掉

二:你需要用ionic 创建一个页面,建议用ionic 命令建这个页面(ionic g page 页面名称) ,因为用ionic 建立的时候,

      他不仅仅给你建立了一个html 页面,还给你附带的建立了他的module.ts(懒加载必用),scss以及ts,非常方便。

      如果非要自己一个一个文件文件的建立,那也可以。

三:打开app.component.ts 这个文件,应该是这样的。现在把rootPage: any = HomePage 改成你自己的页面,怎么改呢?刚才不是让你建立一个自己的页面了吗?比如你建立的页面叫Login(ionic g page Login) , 然后直接改,rootPage: any = "LoginPage" 看见吗?这是本来应该是一个像HomePage 一样的组件,但是用懒加载后,这时只需要“HomePage” 这样写字符串,就行了。

四:去试试

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页

打赏作者

爱小雨的豆豆大神

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值