ionic3 + 实用

@NgModule({
  imports: [
    IonicModule.forRoot(MyApp, {
      tabsHideOnSubPages: 'true',    // 二级页面隐藏tabbar
    }
  ]
})

 ionViewWillEnter() {
    //进入界面资源还没有加载完成时,设置隐藏下面的tabbar
    var tabs = document.getElementsByClassName('tabbar').item(0);
    tabs['style'].display = 'none';
  }

  //离开页面的时候，设置显示下面的tabbar
  ionViewWillLeave(){
    var tabs = document.getElementsByClassName('tabbar').item(0);
    tabs['style'].display = 'flex';
  }

ionic g page newPage

this.navCtrl.push(LoginPage)

this.navCtrl.push('LoginPage')

import { Injectable } from "@angular/core"
import { LoadingController } from "ionic-angular"

@Injectable()
export class LoadingProvider {
  constructor(
    public loadingCtrl: LoadingController
  ) {}
  loading: any
  // 显示loading
  show() {
    this.loading = this.loadingCtrl.create({
      content: "努力加载中..."
    })
    this.loading.present()
  }
  // 隐藏loading
  hide() {
    if (this.loading) {
      this.loading.dismiss()
    }
  }
}

import { LoadingProvider } from "../../providers/loading/loading";

 constructor(public loading: LoadingProvider) {}

  ionViewWillEnter(){
    this.loading.hide()
  }
  ionViewWillLeave () {
    this.loading.show()
  }