Ionic 5 angular 导航：离子后退按钮不可见

Question

我有一个结构类似于我创建的应用程序 on this stackblitz。该应用程序有这三个路线：

/tabs/tab1

/tab/tab2

/tab/tab2/subtab

我不明白我是否遗漏了什么或者这是导航系统，但是当我从 /tab/tab2 转到 /tab/tab2/subpage 时，我可以看到后退按钮。当我从 /tabs/tab1 转到 /tab/tab2/subpage 时，它是不可见的。正常吗？我希望看到返回按钮以返回 /tab/tab1。
谢谢

Answer 1

试试这个

tab1.html,tab2.html

<ion-button routerLink="/subpage"></ion-button>

app-routing.module.ts

import { NgModule } from "@angular/core";
import { PreloadAllModules, RouterModule, Routes } from "@angular/router";

const routes: Routes = [
  {
    path: "",
    loadChildren: () => import("./tabs/tabs.module").then(m => m.TabsPageModule)
  },
  {
    path: "subpage",
    loadChildren: () =>
      import("./subpage/subpage.module").then(m => m.SubpagePageModule)
  }
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

tabs-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'tab1',
        loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule)
      },

      {
        path: 'tab2',
        loadChildren: () => import('../tab2/tab2.module').then(m => m.Tab2PageModule)
      },
      {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/tab1',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
})
export class TabsPageRoutingModule {}

Ionic 5 angular 导航：离子后退按钮不可见

Ionic 5 angular navigation: ion-back-button not visible

angular-routing

ionic-framework

angular

ionic5