angular - Dölj flikar på undersidor i Ionic 2

Jag försöker dölja flikar på alla mina undersidor i min app. Jag använder detta:

<ion-tab [root]="MyPage" tabsHideOnSubPages="true" ...></ion-tab>

När jag kör ionic serve; fungerar det. Men när jag försöker köra det på mina enheter, döljs inte mina flikar på undersidorna, och jag kan inte använda det.

Har någon en idé om hur man äntligen kan dölja mina flikar på mina enheter?

[uppdatering] På min undersida har jag en Google-karta. Om jag tar bort den har jag inte längre mitt problem.

Undersida .html :

<ion-header>
  <c-header></c-header>
</ion-header>

<ion-content>
  <div id="map"></div>
</ion-content>

Barnsida .css :

#map {
  height: 50%;
}

Barnsida .ts :

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { GoogleMap, GoogleMapsEvent, GoogleMapsLatLng } from 'ionic-native';

/*
  Generated class for the DetailsMedicalEvent page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
*/
@Component({
  selector: 'page-details-medical-event',
  templateUrl: 'details-medical-event.html'
})
export class DetailsMedicalEventPage {

  map: GoogleMap;

  constructor(public navCtrl: NavController, public platform: Platform) {
    platform.ready().then(() => {
      this.loadMap();
    });
  }

  loadMap(){

    let location = new GoogleMapsLatLng(-34.9290,138.6010);

    this.map = new GoogleMap('map', {
      'backgroundColor': 'white',
      'controls': {
        'compass': true,
        'myLocationButton': true,
        'indoorPicker': true,
        'zoom': true
      },
      'gestures': {
        'scroll': true,
        'tilt': true,
        'rotate': true,
        'zoom': true
      },
      'camera': {
        'latLng': location,
        'tilt': 30,
        'zoom': 15,
        'bearing': 50
      }
    });

    this.map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
      console.log('Map is ready!');
    });
  }
}

Jag behöver verkligen ha en karta. Har någon redan haft det här problemet?

Svar #1

Du kan också prova genom att ställa in tabsHideOnSubPages-konfigurationsegenskapen i filen app.module.ts på detta sätt:

... 
imports: [
    IonicModule.forRoot(MyApp, {
        // Tabs config
        tabsHideOnSubPages: true,
        ...
    })
]
...

Från Ionic-dokumentationen:

tabsHideOnSubPages: boolean

Om flikarna på undersidor ska döljas eller inte. Om sant kommer flikarna inte att visas på undersidor.

Svar #2

Att lägga till "tabsHideOnSubPages: true" i app.module.ts fungerar för mig. (ionic 2)

Relaterade artiklar