ionic 4 tabbar - 如何始终显示选项卡根而不是选项卡子页面

Question

我目前在选项卡中有一条子路线：

/mytab
/mytab/subpage

因此，当我在子页面中时，单击另一个选项卡并返回，我将看到之前所在的子页面（默认行为）。

我想让它在单击选项卡按钮时始终显示根页面（而不是子页面） 。

我尝试将按钮参数更改tab='mytab'为href='/mytab'- 它有效，但每次单击时都会导致页面刷新。

<ion-tab-button href="/tabs/mytab">
  <ion-icon name="ios-list"></ion-icon>
  <ion-label>mytab</ion-label>
</ion-tab-button>

还有其他方法可以达到这个目的吗？

Answer 1

每次更改选项卡时，我都会导航到其根页面。

在我的 .html 中：

<ion-tabs #myTabs (ionTabsDidChange)="tabChanged()">
  <ion-tab-bar>
    // Your tab buttons
  </ion-tab-bar>
</ion-tabs>

在我的.ts中

import {NavController, IonTabs } from '@ionic/angular';

@ViewChild('myTabs', {static: false}) myTabs: IonTabs;

constructor(private navCtrl: NavController) {}

tabChanged() {
  var currentTab: string = this.myTabs.getSelected();
  this.navCtrl.navigateRoot('tabs/' + currentTab);
}