ionic2懶加載配置詳解
更新時間：2017年09月01日 15:58:42 作者：懶人壯壯
本篇文章主要介紹了ionic2懶加載配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
文章標題為part 1，并解釋目前可以如此配置，但后續(xù)使用上可能還有變動。
以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/
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
使用 JavaScript 創(chuàng)建可維護的幻燈片效果代碼
顯然，效果很實用。對于這個效果，我們并不解釋如何去使用效果庫，而是講解如何創(chuàng)建類似的效果，并保持他的可用性，分離式（unobtrusive），可維護性（讓未來的維護者，在不需要修改你的腳本的情況下，修改圖片，外觀或文本標簽）。2008-06-06
這篇文章主要介紹了javascript實現(xiàn)去除HTML標簽的方法,涉及javascript正則替換相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了JavaScript表單驗證的兩種實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
three.js如何實現(xiàn)3D動態(tài)文字效果
這篇文章主要給大家介紹了關(guān)于three.js如何實現(xiàn)3D動態(tài)文字效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
javascript設(shè)計模式 – 裝飾模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 裝飾模式,結(jié)合實例形式分析了javascript裝飾模式基本概念、原理、應(yīng)用場景及操作注意事項,需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)硪黄粋€極為簡單的requirejs實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了DatePickerDialog 自定義樣式及使用全解，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
這篇文章主要介紹了Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
看似簡單的加法運行，卻有很多問題，一定要注意字符與數(shù)字的運算，注意使用js的強制類型轉(zhuǎn)換，否則會出現(xiàn)很多問題。我們在編寫js的過程中，最好通過alert逐行測試2013-11-11
微信小程序?qū)崿F(xiàn)導(dǎo)航欄和內(nèi)容上下聯(lián)動功能代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)導(dǎo)航欄和內(nèi)容上下聯(lián)動功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06