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

Question

所以我们正在尝试将我们的项目从 Ionic 3 迁移到 Ionic 4。首先，我们启动了一个基本的标签应用程序：ionic start myApp tabs

我做了两页：

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 中，如下所示：

user-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-detailed”，您的子路由（如 user-detailed）将附加到 user-list 的当前路由。