如何通过<router-outlet>

Question

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

当我运行此应用程序中的任何一个时，一切正常，但是此应用程序中的任何一个直接将视图发送到 app.component.html ，其中<router-outlet>不在其 app1中首先.component.html ， app2.component.html ...

我想在运行app1时在 app1.component.html 中获得所有视图，我可以在其中设置其他<nav-bar>等，并从中获取视图主要 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]
})