参见英文答案 >
How to keep tab when pushing a new page? 1个
我尝试在我的应用中隐藏所有子页面上的标签.
我用这个：
我尝试在我的应用中隐藏所有子页面上的标签.
我用这个：
<ion-tab [root]="MyPage" tabsHideOnSubPages="true" ...></ion-tab>
当我运行离子发球;这是工作.
但是当我尝试在我的设备上运行它时,我的标签不会隐藏在子页面中,我也无法使用它.
有人有想法最终隐藏我的设备中的标签？
[更新]
在我的子页面中,我有一个谷歌地图.如果我删除它,我就不再有问题了.
子页面.html：
<ion-header> <c-header></c-header> </ion-header> <ion-content> <div id="map"></div> </ion-content>
子页面.css：
#map {
height: 50%;
}
子页面.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,'camera': {
'latLng': location,'tilt': 30,'zoom': 15,'bearing': 50
}
});
this.map.on(GoogleMapsEvent.MAP_READY).subscribe(() => {
console.log('Map is ready!');
});
}
}
我真的需要一张地图.有人已经有这个问题吗？
解决方法
您还可以尝试在app.module.ts文件中设置tabsHideOnSubPages配置属性,如下所示：
...
imports: [
IonicModule.forRoot(MyApp,{
// Tabs config
tabsHideOnSubPages: true,...
})
]
...
从Ionic docs开始：
tabsHideOnSubPages:booleanWhether to hide the tabs on child pages or not. If true it will not show the tabs on child pages.
