angular - 如何获得视图在子应用程序的主应用程序中

Question

我有一个主要的 Angular 8 应用程序和三个子应用程序。

当我运行这个应用程序中的任何一个时，一切正常，但是这个应用程序中的任何一个都将视图直接发送到app.component.html那里<router-outlet>不是他们的app1.component.html，app2.component.html中的第一个......

我想，当我运行app1get all view in a app1.component.html时，我可以在其中设置不同的<nav-bar>等，并从此 get view in main app.component.html。我需要与任何这个应用nav程序不同footer。

这是我的主应用程序中的app-routing.module.ts

const routes: Routes = [
     { path: "app1", loadChildren: "../../projects/mainApp/src/app/app.module#App1" },
     { path: "app2", loadChildren: "../../projects/mainApp/src/app/app.module#App2" },
     { path: "app3", loadChildren: "../../projects/mainApp/src/app/app.module#App3" },
     { path: "**", redirectTo: "/app1" }
];
@NgModule({
imports: [RouterModule.forRoot(routes), 
          App1.forRoot(), 
          App2.forRoot(), 
          App3.forRoot()],
exports: [RouterModule]
})

标签： angularangular-routing