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扩展 垂直tabLayout实现代码
Jun 21 Javascript
jQuery each()方法的使用方法
Mar 18 Javascript
jQuery中prepend()方法使用详解
Aug 11 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
Vue.JS入门教程之自定义指令
Dec 08 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
JS中的模糊查询功能
Dec 08 Javascript
基于Vue CSR的微前端实现方案实践
May 27 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 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
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
JavaScript中的原型链prototype介绍
2014/12/30 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
python判断windows隐藏文件的方法
2014/03/21 Python
速记Python布尔值
2017/11/09 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
tensorboard显示空白的解决
2020/02/15 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
如何在python中判断变量的类型
2020/07/29 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
销售人员个人求职信
2013/09/26 职场文书
求职信内容考虑哪几点
2013/10/05 职场文书
标准毕业生自荐信范文
2013/11/04 职场文书
总经理驾驶员岗位职责
2013/12/04 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
无私奉献演讲稿
2014/09/04 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
python多次执行绘制条形图
2022/04/20 Python
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript