angular - IONIC 后退按钮在任何情况下都不起作用

Question

我尝试使用ionic-back-button 。当应用程序加载时，我被重定向到 core.page.ts 的帐户页面。在此页面中，我有两个带有 routerlink 登录和注册的按钮。当我单击 core.page.html 中的登录按钮时，我被重定向到登录页面。后退按钮也会出现。但是，当单击后退按钮时，除了涟漪效应之外，它什么也不做。我不知道为什么。请帮忙。

在我的 app.routing.module.ts 中

const routes: Routes = [
  {
    path: '',
    redirectTo: 'account',
    pathMatch: 'full'
  },
  {
    path: 'account',
    loadChildren: () => import('./core/core.module').then( m => m.CorePageModule)
  }
];

在我的 core.routing.module.ts 中

const routes: Routes = [
  {
    path: '',
    component: CorePage
  },
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: 'register',
    component: RegisterComponent
  },
];

在我的 core.page.html 中

<div class="button_wrap">
  <ion-button color="success" [routerLink]="['/account/register']"  expand="block">Sign Up</ion-button>
  <ion-button color="light" [routerLink]="['/account/login']"  expand="block">Log In</ion-button>
</div>

在我的登录页面

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/" icon="chevron-back-outline" text="Back"></ion-back-button>
    </ion-buttons>
    <ion-title>LOGIN</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <p> login works! </p>

</ion-content>

这里提到了类似的故事，但没有确切的解决方案。

Ionic Framework Forum 1

Ionic Framework Forum 2

Answer 1

在 ionic 5 上工作得很好，可以让按钮返回上一页第 1 步:在您的 .ts 文件中导入此

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

第 2 步:将其添加到 .ts 文件的构造函数中

constructor( private routerOutlet: IonRouterOutlet ) { }

第 3 步:定义返回函数

 goBack() { this.routerOutlet.pop(); }

第 4 步:在您的 .html 文件中使用它

<ion-icon (click)="goBack()" slot="start" name="arrow-back-outline"></ion-icon>