脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → ionic2懒加载

ionic2懒加载配置详解

 更新时间：2017年09月01日 15:58:42   作者：懒人壮壮  
本篇文章主要介绍了ionic2懒加载配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

文章标题为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'; 因为不需要这个了，在需要的位置直接字符串引用即可。

rootPage:any = 'HomePage';

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 使用 JavaScript 创建可维护的幻灯片效果代码

    使用 JavaScript 创建可维护的幻灯片效果代码

    显然，效果很实用。对于这个效果，我们并不解释如何去使用效果库，而是讲解如何创建类似的效果，并保持他的可用性，分离式（unobtrusive），可维护性（让未来的维护者，在不需要修改你的脚本的情况下，修改图片，外观或文本标签）。
    2008-06-06
  • javascript实现去除HTML标签的方法

    javascript实现去除HTML标签的方法

    这篇文章主要介绍了javascript实现去除HTML标签的方法,涉及javascript正则替换相关操作技巧,需要的朋友可以参考下
    2016-12-12
  • JavaScript表单验证的两种实现方法

    JavaScript表单验证的两种实现方法

    这篇文章主要为大家详细介绍了JavaScript表单验证的两种实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • three.js如何实现3D动态文字效果

    three.js如何实现3D动态文字效果

    这篇文章主要给大家介绍了关于three.js如何实现3D动态文字效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • javascript设计模式 – 装饰模式原理与应用实例分析

    javascript设计模式 – 装饰模式原理与应用实例分析

    这篇文章主要介绍了javascript设计模式 – 装饰模式,结合实例形式分析了javascript装饰模式基本概念、原理、应用场景及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 一个极为简单的requirejs实现方法

    一个极为简单的requirejs实现方法

    下面小编就为大家带来一篇一个极为简单的requirejs实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • DatePickerDialog 自定义样式及使用全解

    DatePickerDialog 自定义样式及使用全解

    这篇文章主要介绍了DatePickerDialog 自定义样式及使用全解，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • Object.keys() 和 Object.getOwnPropertyNames() 的区别详解

    Object.keys() 和 Object.getOwnPropertyNames() 的区别详解

    这篇文章主要介绍了Object.keys() 和 Object.getOwnPropertyNames() 的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • javascript陷阱 一不小心你就中招了(字符运算)

    javascript陷阱 一不小心你就中招了(字符运算)

    看似简单的加法运行，却有很多问题，一定要注意字符与数字的运算，注意使用js的强制类型转换，否则会出现很多问题。我们在编写js的过程中，最好通过alert逐行测试
    2013-11-11
  • 微信小程序实现导航栏和内容上下联动功能代码

    微信小程序实现导航栏和内容上下联动功能代码

    这篇文章主要介绍了微信小程序实现导航栏和内容上下联动功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-06-06

最新评论