当我从 tab1 的子页面跳转到 tab2 的子页面时，离子后退按钮不带我到上一页

Question

我有标签，每个标签都有自己的页面/路径。 所以存在tab1->childComponent1和tab2->childComponent2。 现在我使用

进行了导航

navCtrl.navigateForward(['tab1/', 'childComponent2/'])

childComponent2 有一个后退按钮。

<ion-back-button class="back-button" text="" defaultHref="" icon="arrow-back"></ion-back-button>

这让我回到了 defaultHref，这是一个全新的选项卡。我猜它正在使用 defaultHref，因为 navController 没有一个空堆栈，其中没有导航历史记录。

所以我正在寻找的是以下内容。

场景 1 - childComponent1 -> childComponent2 ...单击此处的 ionic-back-button 后，我将返回 childComponent1

场景 2 - tab2 -> childComponent1 .. 在此处单击 ionic-back-button 时，它会将我带回 tab2

场景 2 在这一点上似乎运行良好。

Answer 1

这可能无济于事，但我也遇到了离子后退按钮的问题，最终放弃并使用了this.navController.back();

在你的组件中

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

 goBack() {
    this.navController.back();
  }

然后在html中

<ion-button (click)='goBack()'>
        <ion-icon slot="icon-only" name="chevron-back"></ion-icon>
      </ion-button>