最近開始用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();//返回上一頁
