时间戳

首页 > 解决方案 > 如何在 Angular 中忽略 URL 继承

javascript - 如何在 Angular 中忽略 URL 继承

问题描述

我有下面这样的路线设置

这是在 app.routing.ts

{
    path: "users",
    loadChildren: () =>
        import("./users/project.module").then(
            (s) => s.UserModule
        ),
},

在 UserModule 我有另一个像这样的路由设置

{
    path: "manage",
    component: ManageUserComponent,
},

所以我可以使用来访问管理路线，users/manage但无论如何我只能使用manage路线吗？

我试过../但没有成功

{
   path: "../manage",
   component: ManageUserComponent,
}

标签： javascriptangularsingle-page-applicationrouter

解决方案

我认为这不可能如您所愿（因为您的应用程序模块对您的用户模块一无所知，因为它是延迟加载它），但是您可以在您的应用程序模块中添加路由另一个重定向到它的路由：

{
    path: "users",
    loadChildren: () =>
        import("./users/project.module").then(
            (s) => s.UserModule
        ),
},
{
  path: "manage", redirectTo: "users/manage", pathMatch: "full"
}

你仍然有users/manage，但它可以通过任何一种方式访问

我认为您不能指定绝对（或父）路线path（尽管我承认没有尝试过）

推荐阅读