Question

我有一个简单的标签应用程序，在名为Dashboard的页面中配置了3个标签。在选项卡之间切换效果很好，其他页面在选项卡式堆栈中加载。好的。

现在，当点击标题中的按钮时，我正在尝试动态推送并关注新页面。我在app.module.ts中配置了tabsHideOnSubPages：false，但它似乎无法正常工作。页面加载没有标签，我在标题中看到一个后退箭头。

不确定我做错了什么。似乎我需要进入选项卡式堆栈并引用正确的选项卡索引，但我不知道该怎么做。

Dashboard.ts

export class Dashboard {
  tab1root = Page1;
  tab2root = Page2;
  tab3root = Page3;

  constructor(public navCtrl: NavController, public navParams: NavParams,private menu:MenuController) {
/*Ignore this. Some old code when I was trying to add multiple sidemenus to the page. Don't have the menuToggle on the page template anymore  */  
this.menu.enable(false,"menu1");  
    this.menu.enable(false,"menu2");
  }
  ionViewDidLoad() {
    console.log('ionViewDidLoad Dashboard');
  }
  profileClicked(event){
    this.navCtrl.push(Profile);
  }
}

Dashboard.html

<ion-tabs>
  <ion-tab [root]="tab1root" tabTitle="Page1" tabIcon="color-wand" color=primary></ion-tab>
  <ion-tab [root]="tab2root" tabTitle="Page2" tabIcon="star" tabBadge="3" color=primary></ion-tab>
  <ion-tab [root]="tab3root" tabTitle="Page3" tabIcon="logo-usd" color=primary></ion-tab>
</ion-tabs>

<ion-header>
  <ion-toolbar>
   <ion-title>
      <img class="titleLogo" src="/assets/img/titleicon.png"/>
    </ion-title>
    <ion-buttons left>
     <button ion-button icon-only (click)="profileClicked($event)">
        <ion-icon name="person" color=primary></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons right>
      <button ion-button icon-only>
        <ion-icon  name="md-happy" style="font-size:24px" color=primary></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

app.module.ts

imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp,{
      backButtonText: '',
      tabsPlacement: 'bottom',
      tabsHideOnSubPages:false
    }),

  ],

tabsHideOnSubPages：false在推送新页面时不起作用

0 个答案: