ionic的懒加载和预加载机制

vrman

vrman

发表于 2018-05-09 11:01:30

移动端开发的页面有2种加载方式,一个是预加载,一种是懒加载,所谓预加载就是应用程序启动的时候页面同时加载进来,这样切换页面时候比较快,另外一种是懒加载,则相反。

一、预加载

比如我新建一个名为retrieve-password2的页面

ionic g page newpage,新建一个页面后,需要在主模块app.module.ts声明注册一下,如下:


image.png

在需要跳转的前页面的TS里也需要引入模块,比如我要在登录页面点登录跳转到这个页面,那我就需要在上面引入,然后在里面在写跳转,注意跳转后面括号内没有双引号。

image.png

image.png

二、懒加载

这种就简单了,生成页面后,直接在需要跳转的页面TS里写跳转,不需要在主模块中注册声明,因为在生成新页面时候,自带了一个xxx.module.ts文件,已经单独声明过了,

注意跳转时候,括号内要加双引号,直接是跳转页面的暴露的名称即可

image.png


用户评论(0)