主路由器出口内的路由器出口仅具有相对路径

Question

我正在寻找以下问题的解决方案，

例如，我有一个带有自己路由的管理模块。然而，管理模块加载在主路由器插座内。

我知道我可以使用插座做什么，但对 url

www.website.com/admin（管理员：用户管理）

我想要什么

www.website.com/admin/用户管理

非常感谢任何帮助。

Answer 1

你的路由配置应该是这样的

const APP_ROUTES: Routes = [
  { path: 'admin', component: AdminComponent, children: [
    { path: 'usermanagement', component: UserManagementComponent },
  ]}
];

您的主要 <router-outlet></router-outlet> 将位于根组件 (AppComponent) 内。这个router-outlet会在到达的时候负责加载admin路由的模板。您可能还想添加一个空路由作为子组件，当用户导航到 /admin 时，用户能够看到辅助 router-outlet.

中的内容

您的辅助 <router-outlet></router-outlet> 将位于 AdminComponent 的模板内，并将负责呈现 UserManagementComponent。

主路由器出口内的路由器出口仅具有相对路径

Router outlet inside primary router-outlet with relative path only

angular

router-outlet