Angular this.router.navigate返回上一页ionic 4应用程序

我现在正试图找出如何回到爱奥尼亚4的页面。我创建了一个爱奥尼亚4项目，我认为它默认用于导航的路由器

应用程序在主页上打开，我正在采取的步骤：

1选择菜单选项

2从1页1导航到所选项目

3在第1页中，您可以通过离子返回按钮defaultHref返回。在这个页面中，有一个离子列表，我可以在其中单击并查看更多详细信息

4点击一个可以让我进入第2页的项目，你也可以回到这里

5在第2页，有另一个列表，您可以单击

6点击一个项目进入第3页

例如：

=>主页=>水果列表=>橙子类型列表=>所选橙子类型的详细信息

这是最后一页。我想做的是，一旦在第6步中单击一个项目，如果无法加载数据，则显示一个带有“关闭”按钮的警报。我正在尝试将此警报按钮与要返回的操作绑定

我找到的答案是使用定位服务并绑定此操作：

this.location.back();

我有，但这会让用户一路返回主页，而不是上一页。另一个答案是使用NavController，但我是否需要完全更改应用程序的路由才能使用它？有没有办法回到上一页

这是我用来向前导航到页面的内容：

this.router.navigate(['page1'],{replaceUrl: false});

我可以用同样的东西回去，但它没有正确的动画，我想如果我回去的话，路线会变得一团糟

更新

运行离子版5.4.1

更多信息：

this.alertCtrl
  .create({
    header: 'Error',
    message: 'Failed to Load Data. Please try again later.',
    buttons: [
      {
        text: 'Close',
        handler: () => {
          this.location.back(); // Return to Home instead of Page 2 (the previous page)
        }
      }
    ]
  })
  .then(alertEl => {
    alertEl.present();
  });

这工作正常，但不是我想要的，因为我是在单击“警报关闭”按钮时按编程方式执行此操作的：

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

    </ion-title>
  </ion-toolbar>
</ion-header>

---

仍然没有答案

你使用哪种爱奥尼亚版本？@NorbertBartko-ionic 4Run-ioniv-v获得你的爱奥尼亚版本，因为根据这一点，爱奥尼亚4.3解决了问题。0@NorbertBartko版本5.4。1@NorbertBartko该链接中提到的问题很好。它在离子返回按钮上正常工作