Question

我有两个页面，项目和用户。内部项目页面我有子路径，添加/编辑/删除。在“用户”页面内，我只有几个子路由，可以添加/删除。因此，路由结构如下所示。

app-routing.module.ts

 {
    path: "users",
    loadChildren: "./users/users.module#UsersPageModule",

  },
  {
    path: "items",
    loadChildren: "./items/items.module#ItemsPageModule"
  }

users.module.ts

{
    path: "",
    component: UsersPage,
    children: [
      {
        path: "add",
        component: EditUserComponent
      },
      {
        path: "",
        component: UserListComponent,
        pathMatch: "full"
      }
    ]
  }

items.module.ts

{
    path: "",
    component: ItemsPage,
    children: [
      {
        path: "additem",
        component: ItemDetailsComponent
      },
      {
        path: "",
        component: ItemListComponent,
        pathMatch: "full"
      }
    ]
  }

问题：加载应用程序后，如果我在同一页面内的路径之间进行切换，则一切正常，但是一旦我访问另一页面并再次回到上一页并尝试导航，则无法正常工作。

例如。首先，我访问/ items，然后访问/ items /再添加/ items /。在这里一切正常。当我访问/ users并再次返回/ items时，问题开始。因此，此时项目页面加载良好，与/ item相关联。但是，如果我尝试浏览/ items / add。 UI似乎没有任何反应。

我打开了路线跟踪功能，发现它显示Router Event: NavigationEnd，这是为什么的任何线索？

这是github示例项目链接：https://github.com/Dhananjay-J-P/ionic-routing-issue.git。

Answer 1

您能告诉我们如何在html文件中编写导航链接吗？

可能是这样。

<a [routerLink]="['users']">users</a>
<a [routerLink]="['items']">items</a>

离子角-当我有多个嵌套路由时，路由无法正常工作

1 个答案: