在由jhipster生成的标准Angular应用程序中,有一个应用程序具有带有许多路由器链接的导航栏,用于导航到实体CRUD或管理菜单。
我正在寻找一种方法,在保留jhipster生成代码的大部分内容的同时,可以让我有可能构建一个具有不同导航栏(没有管理员链接)的辅助应用程序(例如“#/ app”)和不同的页面,其用例是在使用与实体和服务相关的大多数生成的角度代码时为客户提供丰富的布局。 / app应该是组件的层次结构,而当前的jhipster将被移动到类似的层次结构“admin”。
我尝试过这种方法:
app.route.ts
export const navbarRoute: Route = {
path: '',
component: NavbarComponent,
outlet: 'navbar'
};
export const playRoute: Route = {
path: '',
component: AppbarComponent,
outlet: 'navbar'
};
然后在layout-routing.module.ts
const LAYOUT_ROUTES = [
{ path: '', redirectTo: 'app', pathMatch: 'full' },
{
path: 'admin', children: [
navbarRoute,
...errorRoute]
},
{
path: 'app', children: [
playRoute,
...errorRoute]
}
];
这样我有两个不同的导航栏,虽然看起来很好,但我必须更改每个其他路由器链接的每个URL,例如,如果我有一本实体书,我将不得不改变书。 route.ts admin / book的路径,等等。这似乎不对,但也许它可能是朝着正确方向迈出的一步,不是吗?