主路由器出口内的路由器出口仅具有相对路径
Router outlet inside primary router-outlet with relative path only
我正在寻找以下问题的解决方案,
例如,我有一个带有自己路由的管理模块。然而,管理模块加载在主路由器插座内。
- 我知道我可以使用插座做什么,但对 url
不满意
www.website.com/admin(管理员:用户管理)
- 我想要什么
www.website.com/admin/用户管理
非常感谢任何帮助。
你的路由配置应该是这样的
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。
我正在寻找以下问题的解决方案,
例如,我有一个带有自己路由的管理模块。然而,管理模块加载在主路由器插座内。
- 我知道我可以使用插座做什么,但对 url 不满意
www.website.com/admin(管理员:用户管理)
- 我想要什么
www.website.com/admin/用户管理
非常感谢任何帮助。
你的路由配置应该是这样的
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。