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

Question

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

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

• 我知道我可以使用网点做什么，但对网址不满意

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

• 我想做的事

www.website.com/admin/usermanagement

非常感谢任何帮助。

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。