主要模組

延遲載入聽起來像是一個複雜的過程，但實際上是非常直截了當。從概念上講，一段程式碼，隨著應用程式請求而載入。NgModules 是可以組織我們的應用程式頁，並將它們分開在不同的資料塊的方式。

使用空白的面板，起動應用程式。

ionic start lazyLoadingBlank blank
cd lazyLoadingBlank

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
@NgModule({
  declarations: [MyApp, HomePage],
  imports: [ ... ],
  bootstrap: [IonicApp],
  entryComponents: [MyApp, HomePage],
  providers: [ ... ]
})
export class AppModule {}
 

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
@NgModule({
  declarations: [HomePage],
  imports: [IonicPageModule.forChild(HomePage)],
})
export class HomePageModule { }
 

import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
@IonicPage()//可以指定name，如果不指定那麼預設是類名
@Component(... )
export class HomePage { ... }