相關參考資料:
對應的英文文件:
class分別在home,about,contact資料夾下建立home.module.ts
import from '@angular/core';
import from './home';
import from 'ionic-angular';
@ngmodule()
export
class
homepagemodule
about.module.ts
import from '@angular/core';
import from './about';
import from 'ionic-angular';
@ngmodule()
export
class
aboutpagemodule
contact.module.ts
import from '@angular/core';
import from './contact';
import from 'ionic-angular';
@ngmodule()
export
class
contactpagemodule
第二步,在對應的home.ts,about.ts,contact.ts中加入
import from 'ionic-angular';
@ionicpage() //這裡的segment是路由標識
@component()
第三步,將tab.ts中的位址改邊一下
tab1root = 'homepage';
tab2root = 'aboutpage';
tab3root = 'contactpage';
這裡的homepage 預設是與元件名稱一致的,如果需要修改homepage,@ionicpage中的name也要對應修改 ionic3 實現懶載入方式 學習記錄
原文出處 相關參考資料 對應的英文文件 分別在home,about,contact資料夾下建立home.module.ts import from angular core import from home import from ionic angular ngmodule export clas...
Ionic3新特性 頁面懶載入2載入其他元件
在第一節中,我們介紹了頁面的懶載入方式,並進行了初步的分析,這裡,我們將進一步介紹如何配合頁面懶載入進行其他元件component pipe directive等的模組化,和載入使用。首先說明一點,除了頁面外的這些其他元件,本質上是沒有實現懶載入的,只是通過將其進行模組化,在合適的頁面載入時,進行載...
ionic3學習之總結
ionic3 學習了有段時間了。然後也在 github 上面找了好多相關的 作為參考。最後自己也做了乙個小的例子。這個也是在業餘的時間學習的。最近需要去學新的東西了,這個就先記錄乙個里程碑。因為錄製的東西有點多,這個圖開啟或許比較慢。大家就等等看。部分的學習連線在我的部落格上面都有。大家可以去檢視下...