使用Ionic3 新特性Lazy Loading加速应用
来源:互联网 发布:java中适配器作用 编辑:程序博客网 时间:2024/06/05 08:15
因为我们使用命令创建的项目是基于ionic2,我们首先要使用ionic3的新特性Lazy Loading就必须对我们的项目进行更改。下面就以修改home页为例。
第一步:
移除app.module.ts中declarations, entryComponents的 HomePage,并移除import { HomePage } from '../pages/home/home'
这一项;
第二步:
在home文件夹内新建文件home.module.ts,并在该文件中填入以下代码
import { NgModule } from '@angular/core';import { HomePage } from './home';import { IonicPageModule } from 'ionic-angular';@NgModule({ declarations: [HomePage], imports: [IonicPageModule.forChild(HomePage)],})export class HomePageModule { }
第三步:
在home.ts文件中添加@IonicPage装饰器,并导入import { IonicPage } from 'ionic-angular';
如下格式:
...@IonicPage()@Component({ selector: 'page-home', templateUrl: 'home.html'})export class HomePage {//省略代码}...
第四步:
移除tabs.ts文件中的 import { HomePage } from '../pages/home/home'
这一项
第五步:
在构建过程中,将生成HomePage组件的深层链接,知道如何处理该字符串。
该字符串实际上是对’@ IonicPage’装饰器的name
属性的引用,它默认为类名作为字符串。
如果我们将该名称属性更改为其他内容,我们还需要更新我们在其他地方使用的引用。
所以我们需要修改home.ts文件中的
@IonicPage()为@IonicPage({name:’home’}),
并修改tabs.ts文件中
tab1Root = ‘HomePage’为tab1Root = ‘home’;
0 0
- 使用Ionic3 新特性Lazy Loading加速应用
- 升级到ionic3 Lazy Loading懒加载,ionic3新建页面
- ionic3新特性懒加载,lazyloading
- lazy loading
- lazy loading
- Redis4.0新特性(二)-Lazy Free
- 使用lazy-init,加速单元测试速度
- ionic3应用内主题浏览器的使用
- OpenSessionInViewFilter使用配置,解决lazy load特性
- 万不得已不要使用ORM延迟加载(Lazy Loading)
- 万不得已不要使用ORM延迟加载(Lazy Loading)
- Lazy Loading Asyncronous Javascript
- javascript的lazy loading
- C# Lazy Loading
- Lazy Loading In AngularJS
- Lazy Loading Singletons|Classloader
- MyBatis Lazy Loading
- Lazy Loading In AngularJS
- Adam:一种随机优化方法
- ora-00911: 无效字符 --使用jdbc查询数据库数据时控制台报错
- strlen、strcat、strcmp、strcpy函数实现
- Xcode
- HashMap
- 使用Ionic3 新特性Lazy Loading加速应用
- nutz dao类
- Declaration of developing a column with respect to Deep Learning
- 怼JAVA第一周,MOCC作业
- 一个PHP+Mysql手工注入例子
- 【Java】の基础——JVM内存区域
- CodeForces
- CSS3 选择器—伪类选择器
- java 希尔排序