Иони c 5: как ориентироваться на ребенка и на ребенка - PullRequest
0 голосов
/ 16 апреля 2020

Я пытаюсь перенести мое приложение, написанное с помощью ioni c 3, на ioni c 5. Это кошмар! В моем приложении у меня есть следующий случай: enter image description here

2 стрелки показывают, когда я касаюсь верхней правой кнопки, это очень точно router.navigate() Страница1 появляется с его кнопкой возврата , Но когда я касаюсь верхней правой кнопки страницы 1, router.navigate() выполняется со страницы 1, страница 2 появляется без кнопки возврата . На странице 1 и странице 2 я использую <ion-back-button></ion-back-button> Я не знаю, как , чтобы показать кнопку возврата на странице 2 . Я думаю, что есть проблема с конфигурациями маршрутов, но я не знаю, как ее решить ... Я создал новое приложение с нуля с помощью ioni c CLI:

> ionic start tabs myApp

И я добавил 2 страницы с:

> 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
  }
];

Спасибо.

1 Ответ

0 голосов
/ 16 апреля 2020

Я решил свою проблему:

Я переместил маршрут Page2 из app-routing.module.ts в page1-routing.module.ts В page1.page.ts я вызываю Page2 из Page1:

this.router.navigate(['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)
  }
];

page1-routing.module.ts:

const routes: Routes = [
  {
    path: '',
    component: Page1
  },
  {
    path: 'page2',
    loadChildren: () => import('./page2/page2.module').then( m => m.Page2PageModule)
  }
];

Кнопка возврата появляется и работает нормально.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...