默认设备后退按钮无法与选项卡一起正常使用：IONIC

问题描述

我具有以下页面结构 登录->选项卡（主页）->产品列表->购物车

我在登录页面登录时，显示的是默认标签页，其中有 4个标签（首页，搜索，购物车，更多）。当我单击主页上的商人项目时，我导航到商人详细信息页面，其中将显示他提供的菜单项列表。一旦我从菜单页面向购物车中添加了一些物品，我就会将它们添加到购物车中。我正在显示一个按钮以转到购物车。当他单击按钮时，用户将转到购物车页面，在那里他将看到添加到购物车的所有项目。

在此处，当用户单击设备后退按钮时，他将登录页面，而不是产品列表页面。

我正在使用角度路由器进行导航。在浏览器中，它可以正常工作，但在实际设备中却不能。 请帮助我解决问题。

解决方法

您可以尝试捕获后退按钮事件并在需要时重定向用户...

public subscription: Subscription;

constructor(
  private platform: Platform
) {
  this.subscription = this.platform.backButton.subscribeWithPriority(0,() => { /* Your function */ });
}

ngOnDestroy() {
  this.subscription.unsubscribe()
}

零值（0）是事件的优先级，当您将零设置为零时，Ionic会先执行您的函数（页面转换，关闭模式等）

创建一个属性订阅以在您离开页面时销毁它并避免内存泄漏是一个好习惯。