ionic3 實現懶載入方式 學習記錄

2021-08-11 11:21:24 字數 1542 閱讀 5920

相關參考資料:

對應的英文文件:

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 上面找了好多相關的 作為參考。最後自己也做了乙個小的例子。這個也是在業餘的時間學習的。最近需要去學新的東西了,這個就先記錄乙個里程碑。因為錄製的東西有點多,這個圖開啟或許比較慢。大家就等等看。部分的學習連線在我的部落格上面都有。大家可以去檢視下...