离子4标签栏-如何始终显示标签根而不是标签子页面

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);
}