故障排除离子4角路由器导航

Question

，因此我们正在尝试将项目从离子3转移到离子4。要开始，我们启动了一个基本选项卡应用程序：离子启动myapp tabs

我制作了两页：

ionic generate page userList
ionic generate page userDetailed

我希望两个不同的选项卡具有导航到" UserListPage"的能力。因此，我将其添加到" TAB1"＆amp;" 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上添加用户详细信息，例如：

user-list.module.ts

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

现在我在TAB1＆amp;单击按钮转到列表页面，它可以正常工作。

但是，当我单击一个按钮从列表页面到详细页面时，它会更改URL，但不显示页面。

有什么想法我在做什么？

Answer 1

您的详细页面将是"用户列表/用户详细信息"，您的子分量(例如用户详细信息(将附加到用户列表的当前路线上。