ionic2懶加載配置詳解
更新時間：2017年09月01日 15:58:42 作者：懶人壯壯
本篇文章主要介紹了ionic2懶加載配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
文章標(biāo)題為part 1，并解釋目前可以如此配置，但后續(xù)使用上可能還有變動。
以ion-cli默認(rèn)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/
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要針對javascript模塊化為大家進(jìn)行簡單解析，如何寫一個模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript對象拷貝與Object.assign用法實例分析
這篇文章主要介紹了JavaScript對象拷貝與Object.assign用法,結(jié)合實例形式分析了javascript深拷貝與淺拷貝以及Object.assign的功能與相關(guān)使用技巧,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了實用框架(iframe)操作代碼 ,需要的朋友可以參考下2014-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制折線圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要為大家詳細(xì)介紹了swiper自定義分頁器的樣式，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
下面小編就為大家?guī)硪黄狫s操作DOM元素及獲取瀏覽器高寬的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本篇文章主要介紹了微信小程序之小豆瓣圖書實例，具有一定的參考價值，有興趣的同學(xué)可以了解一下。2016-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片預(yù)覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
建立良好體驗度的Web注冊系統(tǒng)ajax...2007-07-07
file模式訪問網(wǎng)頁時iframe高度自適應(yīng)解決方案
最近做到iframe的高度自適應(yīng)這個問題;發(fā)現(xiàn)自己做的網(wǎng)頁是通過file方式訪問的，將網(wǎng)頁代碼放到apache下通過http協(xié)議訪問，在iframe加載的時候調(diào)用如下js方法:果然網(wǎng)頁高度能夠自適應(yīng)（對于其他方案應(yīng)該也有效果，我沒有注意去嘗試）感興趣的朋友可以了解下2013-01-01