Устранение неполадок ионного 4 углового маршрутизатора навигации

Question

Поэтому мы пытаемся перевести наш проект с Ionic 3 на Ionic 4. Для начала мы запустили базовое приложение вкладок: ionic start вкладки myApp

Я сделал две страницы:

ionic generate page userList

ionic generate page userDetailed

Я хочу, чтобы две разные вкладки имели возможность переходить на "UserListPage". Поэтому я добавил его в дочерние элементы маршрутизатора "tab1" и "tab2":

tabs.router.module.ts

{
   path: 'tab1',
   children: [
          {
            path: '',
            loadChildren: '../tab1/tab1.module#Tab1PageModule'
          },
          {
             path: 'user-list', 
             loadChildren: './user-list/user-list.module#UserListPageModule' 
          }
        ]
      }

Теперь я хочу, чтобы UserListPage мог перейти к "UserDetailedPage".

Я попытался добавить подробный пользовательский путь в UserListPageModule следующим образом:

пользовательский list.module.ts

const routes: Routes = [
  {
    path: '',
    component: UserListPage,
    children: [
      {
        path: 'user-detailed',
        loadChildren: '../user-detailed/user-detailed.module#UserDetailedPageModule' 
      }
    ]
  }
];

Теперь, когда я нахожусь на tab1 и нажимаю кнопку, чтобы перейти на страницу списка, это работает.

Однако, когда я нажимаю кнопку, чтобы перейти от страницы списка к подробной странице, она меняет URL-адрес, но не отображает страницу.

Есть идеи, что я делаю не так?

Answer 1

Ваша подробная страница будет "user-list/user-details", ваши дочерние сайты, такие как user-details, будут добавлены к текущему маршруту списка пользователей.