最近開始用ionic3寫項目，在這邊總結(jié)一下學(xué)習(xí)結(jié)果
ionic3 項目創(chuàng)建
1、node官網(wǎng)下載.msi文件，安裝； ? 2、打開cmd 輸入 node -v??得到版本號； ?3、安裝 npm install -g cordova ionic ?（如果npm不可以就安裝淘寶鏡像，然后用cnpm創(chuàng)建 npm install -g cnpm --registry=https://registry.npm.taobao.org）； ?4、進入路徑如E:? ?創(chuàng)建項目：ionic start 名稱 tabs ； ?5、運行 ionic serve
2、新建頁面指令：
ionic g page 名稱 //創(chuàng)建新頁面 ；ionic g directive 名稱 //創(chuàng)建指令；ionic g component 名稱 ?//創(chuàng)建組件；ionic g provider 名稱 ?//創(chuàng)建服務(wù)；ionic g pipe 名稱 ?//創(chuàng)建過濾器
注：組件和過濾器的調(diào)用方法大致相同，首先創(chuàng)建，然后在需要使用的頁面映入，ionic3不需要公共聲明
3、清除底部tabs（部分頁面不需要tabs底部）
/*清除底部tabs */
ionViewDidLoad() {
? var tabs = document.getElementsByClassName('tabbar').item(0);
? tabs['style'].display = 'none';
}
/*離開頁面恢復(fù)tabs */
ionViewWillLeave() {
? var tabs = document.getElementsByClassName('tabbar').item(0);
? tabs['style'].display = 'flex';
}
/*清除所有二級頁面底部tabs*/
修改app.Module.ts里IonicModule.forRoot(MyApp)為
IonicModule.forRoot(MyApp,{
??????????tabsHideOnSubPages:?'true'?,?//隱藏全部子頁面tabs
??????????iconMode:?'ios',
??????????mode:?'ios',
??????????modalEnter:?'modal-slide-in',
??????????modalLeave:?'modal-slide-out',
??????}),
4、返回頁面
this.navCtrl.popToRoot();//從子頁面快速返回根頁面
this.navCtrl.pop();//返回上一頁
