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

Question

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

例如，我有一个具有自己路由的管理模块。但是，管理模块已加载到主路由器出口中。

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

www.website.com/admin（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。