Question

所以我们正尝试将项目从Ionic 3迁移到Ionic4。首先，我们启动了一个基本的标签应用：ionic启动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上，如下所示：

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

您的详细页面将为“用户列表/用户详细”，您的子路由（如用户详细）将附加到用户列表的当前路由。

对ionic 4角路由器导航进行故障排除

1 个答案: