升级到ionic3 Lazy Loading懒加载,ionic3新建页面

你的名字 2022-02-20 04:41 233阅读 0赞

原文出处：[https://blog.csdn.net/u010564430/article/details/73776726][https_blog.csdn.net_u010564430_article_details_73776726]  
**ionic2 CLI新建页面命令：**  
    *ionic g page home*  
生成：  
    home.html,home.ts,home.scss三个文件  
  
**ionic升级到到3.+之后，**  
    *ionic g page home* 或者 *ionic generate page home*  
生成：  
    home.html,home.ts,home.scss三个文件之外，  
还会生成home.module.ts,内容如下：

import { NgModule } from '@angular/core';
    import { IonicPageModule } from 'ionic-angular';
    import { HomePage } from './open-store';
     
    @NgModule({
      declarations: [
        HomePage,
      ],
      imports: [
        IonicPageModule.forChild(HomePage),
      ],
      exports: [
        HomePage
      ],
    })
    
    export class HomePage {}

其中 @NgModule 表明此页面为单独的module，就是在需要时才加载的module，而不是ionic2所有的页面都在AppModule里，这就是所谓的懒加载了  
同时，也不用像ionic2之前，不需要在app.module.ts中declarations，entryComponents添加声明每个页面了。

引用：

**以前是**

import { HomePage } from '../home/home';
    this.navCtrl.push(HomePage);

**现在更简单了，直接用string类型就可以 **

this.navCtrl.push('HomePage');

[https_blog.csdn.net_u010564430_article_details_73776726]: https://blog.csdn.net/u010564430/article/details/73776726

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 P08：Lazy Loading实现模块懒加载

Next.js 教程阐述懒加载模块懒加载自定义组件阐述当项目越来越大的时候，模块的加载是需要管理的，如果不管理会出现首次打开过慢，页面

拼搏现实的明天。/ 2023年10月06日 21:02/ 0 赞/ 25 阅读

相关 ionic3升级ionic4写法变化大全

如题，将记录ionic3升级到ionic4写法上的所有变化持续更新，欢迎大家补充无分类，发现一个就写一个迁移时千万不要把所有代码都复制过来再修改错

Dear 丶/ 2023年06月05日 05:50/ 0 赞/ 39 阅读

相关懒加载(Lazy Loading) - MyBatis懒加载 - Spring懒加载

文章目录懒加载(Lazy Loading) MyBatis中懒加载的使用 Spring中懒加载的使用懒加载(

Dear 丶/ 2022年12月10日 15:53/ 0 赞/ 470 阅读

相关 ionic3

作者：[LoveEmperor\_王子様][LoveEmperor] 当项目没有或重装node-modules 指令安装node-modules：

蔚落/ 2022年06月08日 03:27/ 0 赞/ 256 阅读

相关 ionic3 入门【3】实现页面跳转

一。页面跳转 (home页跳转到news页) 在home.html中定义一个按钮 <button ion-button (click)="goNews()" >跳

亦凉/ 2022年06月02日 04:51/ 0 赞/ 298 阅读

相关 Ionic新建页面及页面跳转

最近在进行Ionic项目的学习，接下来稍稍总结一下新建页面以及页面跳转的内容。一、创建页面：使用命令：ionic g page Ranking 该命令执行完之后，pa

深藏阁楼爱情的钟/ 2022年05月24日 04:44/ 0 赞/ 383 阅读

相关 Ionic--lazyload懒加载知识总结

原文出处：[https://blog.csdn.net/CODING\_1/article/details/77264541][https_blog.csdn.net_CODI

水深无声/ 2022年05月11日 04:36/ 0 赞/ 305 阅读

相关 ionic3 实现懒加载方式 ---学习记录

原文出处：[https://blog.csdn.net/u012869130/article/details/78659704][https_blog.csdn.net_u01

柔情只为你懂/ 2022年05月11日 04:36/ 0 赞/ 242 阅读

相关 ionic3 懒加载配置及 NgModule详解 (赞)

原文出处：[https://www.jianshu.com/p/2c95e0fa4cc6][https_www.jianshu.com_p_2c95e0fa4cc6] 延伸

灰太狼/ 2022年05月10日 03:48/ 0 赞/ 207 阅读

相关升级到ionic3 Lazy Loading懒加载,ionic3新建页面

原文出处：[https://blog.csdn.net/u010564430/article/details/73776726][https_blog.csdn.net_u01

你的名字/ 2022年02月20日 04:41/ 0 赞/ 234 阅读