Ionic 懒加载

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” 这样写字符串,就行了。

四:去试试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值