ionic2懒加载配置详解


Posted in Javascript onSeptember 01, 2017

文章标题为part 1,并解释目前可以如此配置,但后续使用上可能还有变动。

以ion-cli默认home组件为例。添加home.module.ts文件

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

修改home.ts,主要是加入IonicPage,其配置项可参考官方文档。

import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
@IonicPage()
@Component(... )
export class HomePage { ... }

修改app.component.ts, HomePage 改为 'HomePage' , 删除app.module.ts及其他页面用到的 import { HomePage } from '../pages/home/home'; 因为不需要这个了,在需要的位置直接字符串引用即可。

ionic2懒加载配置详解

rootPage:any = 'HomePage';

ionic serve 看到如下类似文件代表成功。

ionic2懒加载配置详解

参考官方博客: http://blog.ionic.io/ionic-and-lazy-loading-pt-1/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
JS重载实现方法分析
Dec 16 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 #Javascript
Vue的Class与Style绑定的方法
Sep 01 #Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 #Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 #Javascript
Angularjs实现上传图片预览功能
Sep 01 #Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 #Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
2019/01/21 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
python双向链表实现实例代码
2013/11/21 Python
Python简单生成随机数的方法示例
2018/03/31 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
应届大专毕业生个人自荐信
2013/09/22 职场文书
社团活动策划书范文
2014/01/09 职场文书
《画风》教学反思
2014/04/16 职场文书
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
2015年世界环境日活动总结
2015/02/11 职场文书
python实现简单的井字棋
2021/05/26 Python
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL