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 相关文章推荐
JavaScript Array扩展实现代码
Oct 14 Javascript
javascript 闭包疑问
Dec 30 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
Nov 09 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 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
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
微信支付开发告警通知实例
2016/07/12 PHP
jquery 简短右键菜单 多浏览器兼容
2010/01/01 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
Three.js快速入门教程
2016/09/09 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
nodejs后台集成ueditor富文本编辑器的实例
2017/07/11 NodeJs
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
python解释器spython使用及原理解析
2019/08/24 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
python如何进行矩阵运算
2020/06/05 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python破解同事的压缩包密码
2020/10/14 Python
Python实现手势识别
2020/10/21 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
一名老师的自我评价
2014/02/07 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
工地安全质量标语
2014/06/07 职场文书
党员一帮一活动总结
2014/07/08 职场文书
公司庆典欢迎词
2015/01/26 职场文书
检察院起诉书
2015/05/20 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
详解Python内置模块Collections
2022/03/22 Python