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 相关文章推荐
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
Jun 26 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
Vue实现菜单切换功能
Nov 08 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
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php 代码优化之经典示例
2011/03/24 PHP
thinkphp文件引用与分支结构用法实例
2014/11/26 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
javascript add event remove event
2008/04/07 Javascript
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
Jil,高效的json序列化和反序列化库
2017/02/15 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
把大数据数字口语化(python与js)两种实现
2013/02/21 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
简单介绍python封装的基本知识
2019/08/10 Python
python文字转语音实现过程解析
2019/11/12 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
python递归函数用法详解
2020/10/26 Python
python 获取字典键值对的实现
2020/11/12 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
幼儿园教学随笔感言
2014/02/23 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
中学团支部工作总结
2015/08/13 职场文书
详解Python如何批量采集京东商品数据流程
2022/01/22 Python