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 相关文章推荐
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
JS自动缩小超出大小的图片
Oct 12 Javascript
javascript中如何处理引号编码"
Aug 15 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
javascript删除字符串最后一个字符
Jan 14 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
JavaScript window.location对象
Nov 14 Javascript
原生JavaScript编写canvas版的连连看游戏
May 29 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
Jan 27 Javascript
JS设置自定义快捷键并实现图片上下左右移动
Oct 17 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
Search Engine Friendly的URL设计
2006/10/09 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
wamp安装后自定义配置的方法
2014/08/23 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
犀利的js 函数集合
2009/06/11 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
用Python写的图片蜘蛛人代码
2012/08/27 Python
wxpython中利用线程防止假死的实现方法
2014/08/11 Python
Python lambda和Python def区别分析
2014/11/30 Python
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2020/02/11 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
畜牧兽医本科生的自我评价
2014/03/03 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
安全口号大全
2014/06/21 职场文书
毕业生面试求职信
2014/06/23 职场文书
公共场所标语
2014/06/30 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python