angular - Ionic 4 Angular Back Button 到上一页而不是 root？

Question

我有一个带有 2 个选项卡和 1 个详细信息页面的 Ionic 4 小应用程序。我在这里面临的问题是，如果我从 Tab2 转到详细信息页面，然后从那里返回 ion-back-button，它总是将我重定向到 Tab1 而不是我之前所在的 Tab2。

这是我的例子:

标签 2 HTML:这里我有一个带有点击事件的简单 ionic 项目:

        <ion-item class="chat-item" (click)='openChat()' >

它调用 openChat 函数，其工作方式如下:

          openChat() {
            this.router.navigateByUrl('/chatdetail/:uid');
          }

现在它打开我的 Chatdetail 页面，我在其中放置了一个后退按钮以像这样返回:

    <ion-header>
      <ion-toolbar>
          <ion-buttons slot="start">
              <ion-back-button></ion-back-button>
           </ion-buttons>
        <ion-title>chatdetail</ion-title>
      </ion-toolbar>
    </ion-header>

但是，当我单击此按钮时，它不会像在 Ionic3 中那样“弹出”页面，而是将我定向到我的应用程序的根页面，即 Tab1。

有什么方法可以覆盖返回事件以转到我之前所在的页面吗？

Answer 1

更新:

Ionic 团队已在版本:4.3.0 上修复此问题

旧

你需要像这样使用defaultHref="/Tab2":

  <ion-back-button defaultHref="/Tab2"></ion-back-button>

The url to navigate back to by default when there is no history.

https://ionicframework.com/docs/api/back-button

如何转到上一页？

从“@angular/common”导入{位置}；

构造函数(私有(private)位置:Location){}

myBackButton(){
  this.location.back();
}