Angular 5 - 具有两个空父路由的路由器

Question

这是一个检查我的思考和实施是否正确的问题。

我正在开发Angular应用程序，我希望使用两种基本布局。简单的一个，带标题，内容和页脚。第二个扩展了带有侧边栏的简单布局，左侧是永久性的，右侧是滑动侧边栏。为了避免代码行相应地调整布局我认为拆分它们可能更快，更容易并且需要更少的编码。

这是我配置 routes.ts：

的方式

export const routes = [
  {
    path: '',
    component: LayoutSimpleComponent,
    children: [
      { path: '', redirectTo: 'home', pathMatch: 'full' },
      { path: 'home', loadChildren: './home/home.module#HomeModule' },
      { path: 'library', loadChildren: './library/library.module#LibraryModule' },
      { path: 'login', component: LoginComponent }
     ]
  },
   // Layout with sidebars
  {
    path: '',
    component: LayoutSidebarsComponent,
    children: [
      { path: 'products', loadChildren: './products/products.module#ProductsModule' },
      { path: 'forum', loadChildren: './forum/forum.module#ForumModule' }
    ]
  },
  { path: '**', redirectTo: 'home' }
]

如您所见，两个布局组件都使用path: ''作为匹配器，因此实际路由取决于其子级。 一切正常我只是觉得这不是最好的做法。

使用此配置可​​能会出现任何问题吗？有更好的解决方案吗？到目前为止，我无法找到任何相关信息。