Ionic 5:如何导航到孩子和子孩子

问题描述 投票:0回答:1

我尝试将用离子3编写的应用迁移到离子5。这是一场噩梦!在我的应用中,我遇到以下情况:enter image description here

[2箭头显示了当我触摸右上角按钮时,这是正确的router.navigate(),Page1带有后退按钮。但是当我触摸页面1的右上按钮时,从页面1执行router.navigate(),页面2出现无后退按钮。在Page1和Page2中,我使用<ion-back-button></ion-back-button>我不知道如何在Page2上显示后退按钮。我认为Routes配置有问题,但我不知道要解决...我使用离子CLI从零开始创建了一个新应用:

> ionic start tabs myApp

并且我在两页中添加了:

> ionic generate page Page1

与Page2相同。

app-routing.module.ts:

const routes: Routes = [
  {
    path: '',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  },
  {
    path: 'page1',
    loadChildren: () => import('./page1/page1.module').then( m => m.Page1PageModule)
  },

  {
    path: 'page2',
    loadChildren: () => import('./page2/page2.module').then( m => m.Page2PageModule)
  }
];

page1-routing.module.ts:

const routes: Routes = [
  {
    path: '',
    component: Page1
  }
];

谢谢。

我尝试将用离子3编写的应用程序迁移到离子5。这是一场噩梦!在我的应用中,我遇到以下情况:当我触摸右上角的按钮时,将显示2个箭头,这是执行路由器...。

ionic-framework angular-ui-router angular8 ionic5
1个回答
0
投票

我解决了我的问题:

© www.soinside.com 2019 - 2024. All rights reserved.