Angular 路由器角度多视图组

Angular 路由器角度多视图组,angular,typescript,routes,Angular,Typescript,Routes,在角度视图中处理两组视图的正确方法是什么?让我们看看我是否解释过,在一个普通的网站上,我通常在app.component.html中做的是: <app-header></app-header> <router-outlet></router-outlet> <app-footer></app-footer> 您只需要额外的路由级别: const routes = [ { path: '', comp

在角度视图中处理两组视图的正确方法是什么?让我们看看我是否解释过,在一个普通的网站上,我通常在
app.component.html
中做的是:

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

您只需要额外的路由级别:

const routes = [
  { 
    path: '', 
    component: Group1Component // contains header1, footer1 and router-outlet
    children: [
      { path: '', component: InicioComponent },
      { path: 'queHacemos', component: QueHacemosComponent },
      { path: 'contacto', component: ContactoComponent }
    ]
  },
  { 
    path: '', 
    component: Group2Component // contains header2, footer2 and router-outlet
    children: [
      { path: 'queHacemosAdmin', component: QueHacemosAdminComponent }
    ]
  }
];

成功了!感谢您解释正确的方法。